как победить мерцание фоновых картинок в IE6

[elvis79]

подскажите, всю голову себе сломала!

есть код css для кнопочек

a#knopa {

width: 687px;

height: 46px;

background-image: url('knopa1.gif');

display: block;

text-decoration: none;

}

a#knopa:hover {

background-image: url('knopa2.gif');

}

Все отлично работает во всех броузерах кроме ослика. При наведении на кнопку осел начинает заново перерисовывать бэкграунд, подгружая его с сервера. Не догадывается о том что он у него в кеш сидит. В результате чего происходит смена картинки но с пятисекундной задержкой.

Есть ли какоенибудь средство чтобы заставить ослика моментально менять изображение без задержки?

[homm]

Сделай одну картинку и меняй позицию бекграунда.

[barba]

или можно использовать способ с java script:

Добавить в head для IE

try {

document.execCommand("BackgroundImageCache", false, true);

} catch(err) {}

вариации на тему можно посмотреть, например, тут:

http://www.mister-pixel.com/#Content__state=is_that_simple

[elvis79]

homm, я уже пробовала менять позицию бэкграунда, однако тупой осел умудряется перерисовывать заново этот фон подгружая его с сервера а не из кеш.

и еще, пожалуйста объясните как и куда вставлять этот кусок кода

try {

document.execCommand("BackgroundImageCache", false, true);

} catch(err) {}

а то я думаю что неправильно вставляла, т.к. этот вариант тоже результата не дал

[barba]

вставлять в head. например, вот так:

<!--[if IE]>
<script type="text/javascript">try {document.execCommand("BackgroundImageCache", false, true);} catch(err) {}</script>
<![endif]-->