Когда я включаю изображение в качестве тега 
, а также фоновое изображение в элемент DOM, браузер иногда делает два запроса на одно и то же изображение. Это также иногда происходит при использовании псевдо-свойства hover. Например:
<html>
<head>
<style>
div{
background: transparent url(/img/stuff.png) no-repeat;
}
div:hover{
background: transparent url(/img/stuff.png) no-repeat 25px 0px;
}
</style>
</head>
<body>
<img alt="" src="/img/stuff.png"/>
<div>
</div>
</body>
</html>
Почему изображение запрашивается дважды (или, возможно, три раза)? Это поведение, которое я могу избежать? Если так, то как?
[EDIT]
Я заметил это, наблюдая за процессом локального сервера Google appengine, поэтому я вполне уверен, что он не был на самом деле кэширован браузером (как могло бы быть, если бы я видел его в Firebug или инспекторе webkit).
Я видел это в Google Chrome, IE7 и Firefox 3.