Как правильно прописать hover для firefox?

Question

[nano_e_t_4]

Всем привет
Есть такой код:

img:hover {
	content:url("bulb.gif");
	}

в хроме все работает нормально, в файерфоксе не фурычит :(
подскажите плз, как правильно прописать для фокса и остальных браузеров
спасибо

з.ы.
пробовал такое решение, но не подошло:

img:hover {
  -webkit-content:url("bulb.gif");
     -moz-content:url("bulb.gif");
       -o-content:url("bulb.gif");
      -ms-content:url("bulb.gif");
          content:url("bulb.gif");
	}

полагаю из-за ошибок в синтаксисе

Answer 1

[Андрей Инишев]

Рщмук предлагают в таких случаях делать так stackoverflow.com/questions/19772960/css-hover-ima...

Comments

[nano_e_t_4]

background-image он не правильно отображает анимированную картинку :(

[Андрей Инишев]

nano_e_t_4: неправильно - это как? залейте на jsfiddle

[nano_e_t_4]

неверно размеры выставляются и неверно определяется позиция

[Андрей Инишев]

nano_e_t_4: это вполне решается с помощью css

Answer 2

[Андрей Верх]

content вроде только для before/after, не?

Comments

[nano_e_t_4]

для hovera тоже работает. в гугле по крайней мере

[Андрей Верх]

Работает, не значит что правильно. В вопросах отображения, лучше ориентироваться на FF, т.к. у него более верное отображение во многих ситуациях.

Лучше обернуть картинку во что нибудь и уже этому элементу стили задавать.

[nano_e_t_4]

background-image сделал