treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Dropdown Menu Screwy on IE9

  • http://theillustratorsblog.in/nikhaar/

    That's the link. It works fine on IE10, Safari, Chrome, and Firefox, but for the life of me it is not sitting right in IE9. I think it is keeping extra space on the menu items that have child menus.

    Been working at this for 5 hours straight, and exhausted every possibility i can imagine. Any ideas would help. Thanks.

  • Looks fine to me in IE10 (in IE9 mode)

  • Your markup in the menu is wrong.

    Within a UL, it should only contain LI's as direct children (within those LI's, you can have other things). But you have things like this:

      <a href="#"><li>Home</li></a>
    

    What you probably want is:

      <li><a href="#">Home</a></li>
    

    So if you clean up that menu a little bit first, it might work fine in IE9.