глупый вопрос по css

[fiver]

Дико извиняюсь за тупой вопрос, но я реально не знаю ответа.

мне надо менять фон ячейки при наведении.

я пишу стили:

td {background-image: url('imgs/fon-menu1.gif'); background-repeat: repeat-x;}
td:hover {background-image: url('imgs/fon-menu2.gif'); background-repeat: repeat-x;}

Во всех браузерах работает кроме IE.

Что надо сделать для IE?

Спасибо!

Edited June 3, 2013 by fiver

[Vulner]

А на какой конкретно версии IE не работает? :hover поддерживается начиная с IE 7.0.

[fiver]

Конкретно IE 9 и IE 10

Более ранних версий у меня на компе нет

В общем жду ответа как сделать на css

А пока сделал на js

onmouseover="this.style.backgroundImage='url(imgs/fon-menu2.gif)'"
onmouseout="this.style.backgroundImage='url(imgs/fon-menu.gif)'"

Edited June 3, 2013 by fiver

[Vulner]

Проверил в IE 8 и IE 9 - все работает. Отказывается работать только при отсутствующем доктайпе. Может в нем причина?

[Николя223]

без доктайпа браузеры готовы будут показать всё что угодно, только не то что нужно)

:hover поддерживается начиная с IE 7.0.

да ну

Браузеры

В браузере Internet Explorer до версии 6.0 включительно псевдокласс :hover работает только для ссылок.

Edited June 3, 2013 by Николя223

[klierik]

Николя223,

В данном случае разговор иден про td:hover {} а не про a:hover {}

fiver,

выложи ссылку на страницу (без скрипта). мне предполагается что толи режим совместимости. толи доктайп в данной ситуации ломает