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

Menu displaying weird in IE7 (resolved)

  • # January 11, 2009 at 5:30 pm


    I’m definitely a novice at CSS and web design, but I’m still enjoying trying my hand at it, made possible to a very large extent to this site. I have a menu I’m working on at that displays fine in FF and Safari, but gets pushed down in IE7, and I cannot figure out why. Any ideas? (And if you see any other unwieldy or extraneous coding or whatever, please feel free to point that out as well.)


    # January 11, 2009 at 5:41 pm

    This reply has been reported for inappropriate content.

    Hello :)

    Nice site :)

    You will find that using padding to position is a bad move, as IE likes to make up its own padding rules lol


    try using


    # January 12, 2009 at 1:19 pm

    Thanks for the kind reply and idea, but that doesn’t do it. It does push the background image down, and in FF and Safari some of the floated li’s step down. (?) If this is of any help, I’m trying to use the concepts from to do this.


    **UPDATE: I was able to fix it after a lot of trial and error and slowly looking through each element. It took some tweaks to the placement of other items in the header, changing where the javascript placed the background image, and then floating my li’s. The corrected page is at I thank God for Firebug. And thanks again Rob for the reply; I really appreciate it! :D

    # January 12, 2009 at 8:17 pm

    Awesome :) I was just lookin for it to have another plug at it, but im glad you managed to work through it – sometimes its better when you figure it out on your own.

    Its lookin good as well man :D

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