Вобщем, поделюсь на радостях.. несколько бессонных ночей и проблема решена таким образом:
|
Код:
|
.menu_help {background:url(/img/r1.gif) no-repeat}
.menu_help:hover {background:url(/img/r1_over.gif) no-repeat}
.menu1 {background:url(/img/menu1.gif) no-repeat}
.menu2 {background:url(/img/menu2.gif) no-repeat}
.menu3 {background:url(/img/menu3.gif) no-repeat}
.menu1:hover,
.menu2:hover,
.menu3:hover {background:url(/img/menu_over.gif) no-repeat} |
Размножил нижний GIF и назначил на каждую кнопку свой. Верхний GIF для всех один остался.
Все теперь прекрасно проигрывается при наведении и убирании мышки и в IE в том числе...
Вобщем, если на две кнопки одинаковый GIF с анимацией навесить, то он не будет обновляться на событие типа mous over, если это прописывать через CSS, во как (это в IE, Mozilla и FireFox. А в Опере работало по-любому)