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

SUckerfish javascript menu not working in IE

  • # May 20, 2009 at 1:54 pm

    Hi all,

    I am designing my first css layout and I have a small suckerfish menu that I created based on the tutorial on
    All works fine in firefox and chrome but IE is moving my menus in a weird position and I have no idea what should I do to fix it!

    Here is the url:

    Any ideas are greatly appreciated!


    # May 20, 2009 at 2:09 pm

    I’m not familiar with that kind of menu system. I almost said to move it to the Javascript forum, but it looks like it might use CSS for positioning… (Anyone know?)

    I would first validate the HTML on the page:
    (and validate the CSS if you feel like it: )

    I also saw in your CSS:

    #main-nav li > ul {

    I would change that to:

    #main-nav li ul {

    Sometimes the child selector is quirky.
    Let me konw

    # May 21, 2009 at 3:05 am

    You were right, the child selector was the one that was throwing everything off… Now all works fine. Thanks!


    # May 21, 2009 at 3:30 am

    Another issue that I have is that in IE the list elements for the menu are not clearing each other like in FF. Take a look at the "Charts" menu in FF and all the elements are nicely stacked one in top of the other while in IE if they have enough room they’ll add themselves to the previous line… Any ideas what should I do about that?

    Here is the link:


    # May 21, 2009 at 3:55 am

    Got it working by adding a width to the li elements but what do you guys think is that the best way?


Viewing 5 posts - 1 through 5 (of 5 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