Navigation issue with ie7

My navigation is bumped up about 30 px in ie7. Really stumped on this one.

Any help would be appreciated :slight_smile:

[FONT=Verdana]I’m not quite sure what you mean by that, and I don’t have IE7 here to test, but the navigation’s not looking good in FF16, either:

(And, of course, the home page is unreadable with JS disabled. :()


Very few of us have IE7 installed any more. Microsoft doesn’t allow multiple versions of IE to be on the same computer, anyway. So it might be a good idea for you to take a screenshot of what the site looks like in IE7 and upload it so readers can get an idea that way.

As far as what TechnoBear said about the site not being viewable if Javascript is disabled, that is true. It is completely unreadable without Javascript. The usability of that site needs some work.

It is a beautiful looking website. The flame background is gorgeous. I know you’re not asking for a critique. But this needs to have the apostrophe removed:

We have also added 5 fresh ground pepper dust’s to our line of products.

Dusts. Not “dust’s”. Actually, the text on the page could use a rewrite.

I have IETester installed and I see what you are talking about. However, I am not sure how to correct this. It doesn’t do it in IE8. There has to be some sort of hack that can be done for IE7. I will leave it up to the experts here.

I did find this…

<!–[if IE 7]>
<link rel=“stylesheet” type=“text/css”

You could create a new stylesheet for IE7 only. I don’t know many people that still run IE7. IE8 is still used in a lot of corporations.

The problem is that the bottom margin on #headerright is not pushing the menu text down in IE7. You could try another option, such as adding bottom padding to #headerright instead of bottom margin. You could either do that for all browsers or just for IE7, in the manner cited by cgacfox.

As always thanks so much for the help everyone!