Hover in IE6 on different elements?

[xkratosx]

Hi guys,

I'm trying to hover a listed element in IE6 but of course it doesn't seem to support it I've got this code that I thought would work, but err, it doesn't:

window.onload = function() {
	var ul = document.getElementById('nav');
	ul.onmouseenter = ul.onmouseleave = function() {
		this.className = (event.type == 'mouseenter') ? 'hover' : '';
	};
};
try { document.execCommand('BackgroundColor', false, true); } catch(e) {}

Any idea what I'm doing wrong please? Many thanks

[Dan Schulz]

http://www.xs4all.nl/~peterned/csshover.html

csshover.htc is your friend here

[xkratosx]

Ah cheers, yeah I was gonna go with the .htc file but was led to believe there are maybe better ways?

[Dan Schulz]

If you use the .htc file, you can also include :active and :focus for keyboard users.

[xkratosx]

Thanks, couldn't get it working though, no problem; was only an aesthetics issue anyway