CODEWITHSUNDEEP
htmlcssdrop-down-menuinternet-explorer-7internet-explorer-6
Jeff Jones
Jeff Jones

Reputation: 21

Simple CSS dropdown menu does not work in IE6 or 7

I'm using a very simple CSS dropdown menu which works well in most modern browsers. Unfortunately it must also work in IE6 and 7, which it currently does not. Can anyone please check it out very quickly and tell me if it can be easily fixed?

I'm not adverse to using JavaScript if required.

The markup and CSS: http://paste2.org/p/826583

Upvotes: 2

Views: 1660

Answers (2)

Andrew
Andrew

Reputation: 1187

The :hover pseudo selector doesn't work in IE6 or IE7 (quirks mode) for non-links (your li's for instance). That's why the original popular CSS dropdown included a bit of JavaScript.

If you're still having issues with spacing and such, I would check out the Son of Suckerfish Dropdowns. IMO the gold standard of CSS dropdowns.

Upvotes: 2

CarmineSantini
CarmineSantini

Reputation: 294

Rather than 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 many, and if you start with that criteria, you'll save a lot of time.

I use jQuery and droppy. Extremely simple and works on everything. Once you find one that works, keep using it so you avoid all this waste on any future projects.

Upvotes: 1

Related Questions