Hello guys, I'm coding a website right now and I'm attempting to use the sliding doors trick in CSS to get a hover overlay for my navigation bar. Just one problem, as you all have probably predicted - IE6 doesn't do :hover on anything but anchors.

I've done some research on this problem, and the only solution I've found is peterned's script, but I have NO clue as to how it works. All I need is a way to get li:hover to work, and that's it. No other instance.

I'd greatly appreciate any help here/links for a Javascript or workaround for this loathsome problem.

Thanks

Wrap an anchor tag around each li, you can use the :hover sudoclass on the anchor tag to apply the effect to the li element.

a li {
/* normal appearance */
}

a:hover li {
/* hover appearance */
}

I am not sure how familiar you are with CSS selectors, but make sure to ask if you have further questions.

Thanks for your help, but I actually found a pretty reasonable, lightweight javascript to use, and everything works great with it. Here's the link for anyone who might have the same problem as me in the future:

http://www.htmldog.com/articles/suckerfish/dropdowns/