The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

CSS Menu Breaks in IE6

  • # July 14, 2013 at 1:28 pm

    I have been working with a jquery dropdown menu, which seems to work fine in IE7 and above, as well as all other targeted browsers. It is peculiar, as the submenus have to shift upward in a block a certain amount depending on the number of submenu items. I have been trying to get the menu to present properly in IE6, but have been unable to do so (the menu items are not vertically aligned as they should be, and the submenus do not behave as they do in more modern browsers). Any assistance would be greatly appreciated.

    I have posted the menu [here]( “”)

    I also posted the code to codepen [here]( “”), but I was not sure where to post the separate ie.css file (I am a newbie with codepen).

    the code for ie.css is below:

    ul.dropdown ul li { display: inline; width: 100%; }

    Any help getting this menu to work consistently in IE6 would be greatly appreciated.


    # July 14, 2013 at 1:36 pm

    If you are using the latest version of JQ then I think it has much reduced support for IE6.

    Most of the dev world has dropped support for IE6….unless this is an absolute requirement I would suggest that you do the same.

    # July 14, 2013 at 1:42 pm

    the dropdown menu script I used references jquery-1.3.1.min.js, which is used in the link above… so I am not sure if that is the issue… I put a direct link to the current hosted version in codepen, as I wasn’t sure how else to do it there…

    (the css was based on a solution you provided a few days ago for an inline block menu BTW, Paulie) :)

    # July 14, 2013 at 2:03 pm

    [this]( “”) is how the menu should look….

    # July 14, 2013 at 2:09 pm

    Ie6 is dead. There is no reason to code for it anymore.

    # July 14, 2013 at 2:22 pm

    I agree. Unfortunately, my (corporate) client doesn’t agree :(

    # July 14, 2013 at 2:35 pm

    Is he trying to sell/whatever to people in India that make a dollar a day? Because that’s the only ones left that use ie6

    # July 14, 2013 at 3:52 pm

    >Is he trying to sell/whatever to people in India that make a dollar a day? Because that’s the only ones left that use ie6

    Doesn’t matter, client wants it…client’s paying for it,…client gets it.

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed