Simple CSS dropdown doesn't work in IE6 or 7
I am using a very simple CSS dropdown menu that works well in most modern browsers. Unfortunately, it should also work in IE6 and 7, which is not currently available. Can someone please check it very quickly and tell me if it can be easily fixed?
I don't mind using JavaScript if necessary.
Markup and CSS: http://paste2.org/p/826583
a source to share
The hover pseudo selector doesn't work in IE6 or IE7 (quirks mode) for non-links (like your li). This is why the original popular CSS movie included some JavaScript.
If you still have problems with spacing, etc., I would take a look at Sleep for Suckerfish Dropping. IMO is the gold standard for CSS dropdown.
a source to share
Instead of trying to debug your CSS, I think you should just start with a menu that is confirmed to work in IE6 and 7. There are a lot of them, and if you start with these criteria, you will save a lot of time.
I am using jQuery and droppy. Extremely simple and works for everything. When you find one that works, keep using it to avoid all that waste in any future projects.
a source to share