Work around for li:hover in IE6

[KeredDrahcir]

I am using a list to create a Main Menu with a drop down submenu. I need to able to using the hover pseudo class to display the drop down menu but IE6 only allows it on anchors. Is there a work round for it because at the moment it doesn’t appear which means half the pages can't be accessed and there are enough of my visitors using IE6 still to make it worth getting it working?

.mainmenu li ul {
	display: none;
	float: left;
	left: 0;
	padding: 5px 0 10px 0;
	position: absolute;
	text-align: left;
	top: 24px;
	width: 200px;
	z-index: 1;
}

.mainmenu li:hover ul {
	display: block;
}

[drhowarddrfine]

Only with javascript but I don't have that hack right now.

[KeredDrahcir]

Is the JavaScript simple? I don't mind using a JavaScript work round. It needs to be done. Thanks.

[drhowarddrfine]

I'm out of town. There are examples by just Googling 'ie6 hover'.

[john605]

Use jQuery, and run:

$(function(){
 $('li:hover').hover(function(){
  $(this).css('style', 'block')
 },
 function(){
  $(this).css('style', 'none')
 });

});

[*Edit: URL removed]

[drhowarddrfine]

Using jQuery for this is a total overkill for this and can be accomplished in just a few lines of js instead of loading a library.

[KeredDrahcir]

Let me know if you can find the code please. All the results I get from Google suggest jQuery but if it can be done with JavaScript I'd rather do that.