View Full Version : CSS Drop Down Menu In IE Help

09-20-2007, 04:48 AM
I'm working on a menu where it expands to show more links. The menu looks great in firefox, but won't expand in IE. Can somebody help?

Here's the page: http://www.foodprotect.org/CFP.php


09-20-2007, 05:28 AM
Here's an article I found a while ago that was very helpful in creating CSS drop down menus for IE. From what I understand you have two choices on how to fix them not working in IE. One is using IE hacks to work around some IE issues. The other is using a modified .htc file. This solution uses the hover.htc file to make IE work.


Also http://www.tanfa.co.uk/ Has a very detailed guide on how to create both verticle and horizontal CSS drop down menus. Hope that's helpful!

09-22-2007, 11:35 AM
IE doesn't understand the hover pseudo-class on anything except the "a" tag. A List Apart has this great javascript that converts your :hover into .over and turns it into a mouseover action. then you make sure you style a ul:hover li and a ul.over li the same.