CSS Drop Down Menu In IE Help

t-buck · 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

Thanks!

magikwon · 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.

http://www.seoconsultants.com/css/menus/tutorial/

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!

marilynn.fowler · 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.
http://www.alistapart.com/articles/hybrid