Стилизация дочернего элемента ссылки при :hover

Опубликовано Александр в Вс, 29.11.2009 - 00:19

Как известно, в ие6 дочерний элемент ссылки не подчиняется стилизации на :hover этой самой ссылки. По крайней мере, я так считал до недавнего времени.
Есть html-код:

<a href="#">Удалить<img src="img.gif" alt="" /></a>

css-код:

a img {display: none}
a:hover img {display: inline}

В ие6 a:hover img - не сработает((.
Проверяем.

Как лечится:

a:hover{word-spacing: 0}

Получаются такие стили:

a img {display: none}
a:hover{word-spacing: 0}
a:hover img {display: inline}

Проверяем и радуемся))