View Full Version : IE not displaying dropdown css - Firefox yes - why? Please help.

01-10-2010, 02:54 AM

Thank you for your time in advance. I really appreciate any advice on this issue.

The website is:

The navigation is working correctly in Firefox but in IE the drop down navigation is no where to be found. I have tried all sorts of experiments but I can't figure out the solution. Is there something I am missing???

Thanks again!

01-10-2010, 02:08 PM
There's are some errors in your markup, see http://validator.w3.org/check?uri=http://www.scrrs.net/
Fix them first.

01-10-2010, 05:45 PM
I have corrected the errors on the page. The navigation still isn't dropping in IE. What should I try next?

I have uploaded a trial page pulling the same CSS and just the navigation - and it works. What could be causing it not to work with the full page? http://www.scrrs.net/wp-content/themes/scrrssite/mynav.php

01-11-2010, 03:09 AM
Here's the answer. Even for basic "css only drop down menus" you still need a bit of Javascript to kick start the IE browsers to work correctly. I found the code here - http://www.alistapart.com/articles/horizdropdowns/ - and just modified it to make the nav work on every browser. Thanks everyone for your help!

01-11-2010, 08:32 AM
OK, it works in new versions of IE. IE6 doesn't recognise :hover pseudo on any element other that anchor. So you need to add a small javascript fix for it, refer http://htmldog.com/articles/suckerfish/dropdowns/

01-11-2010, 01:01 PM
yes the ie6 didnt do the hover with li .but i fixed it
check my sample i used the Third-party approach : The csshover3.htc hope this can help