hover problem with non link elements in IE

Question

is there any way to use "hover" attribute for all html elements instead of just '' in IE?

for example 'li:hover' . it doesn't work in IE6 . (i don't know about other versions of IE).

Edited: i just want to do it with CSS no javascript. it is a simple menu.

Answer 1

No, IE6 didn't properly implement the :hover pseudo-class for all elements. It only supports it for anchors.

Answer 2

I don't think there is anyway that you can do it without javascript in IE 6.

If it is a one level menu, you might be able to tweak the styling to make the links render as display:block inside of the li so you can perform hovers on them, and if needed put spans inside the links for extra styling flexibility, but personally never had much luck trying to extend that to multi level menus.

A strategy of graceful degradation may be your best bet there.