Can someone help me figure out why this is displaying differently in IE vs. Firefox? I am trying to make it look the same on both browsers. I would like the "mainlevel-nav" to display in the middle of the red bar on top, but nothing I try works.

The files are attached.

Thank you,

9 Years
Discussion Span
Last Post by peter_nichol

There's 2 things I'd try here - firstly check that there's no margin above the navigation links.

p { margin:0px; }

or if you're using lists then

ul, li { margin:0px; }

If this still doesn't work then you can use the "position:relative" and then do "top:-10px;" - now this will move the IE as well, you will need 2 style sheets, one with just fixes for the other web browser and so when defining your style sheets you will need to do a web browser check to see what the user agent is and then pick the correct style sheet.

Votes + Comments
thanks! I thought I had done that, but I left out the comma and only realized once I saw your post.
This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.