Halp with Nav pushed up in IE7

[aspiringWebbie]

Good morning –
I am looking for assistance with 2 thngs happening in IE7. If you could please visit this link – http://www.creativeeyedia.com –

1) The nav links for the states (on the Stories page) are pushed up in IE7 and I am baffled.

2) Also – the main content on all the pages is pushed up underneath the navigation on all the pages. Any assistance you may be able to provide me is greatly appreciated –

Thank you
Brian

[virtual]

For the first problem change margin-top to padding-top for #states ul in IE7

For the second problem remove the overflow: hidden from #navigation.

I don’t know if you are aware but there is also a problem on Mac in Firefox and Safari.

[aspiringWebbie]

I removed overflow: hidden as well as the bottom margin and added a height to the nav – this seemed to fix the issues

What is happening on the Mac browsers?

Thanks Virtual –

[virtual]

The Firefox issue can be fixed by reducing padding-right on li class left to 155px.
[attachment=1]Picture 1.png[/attachment]

I haven’t had time to look at Safari with the Web Inspector.
[attachment=0]Picture 2.png[/attachment]

You could also eliminate your #navigation div altogether and give the ul an id of navigation. This cuts down on unnecessary markup but doesn’t fix the problem.

[virtual]

P.S. I saw on Killersites that you added a height to the header, I guess you didn’t upload it yet. Maybe this will fix the problem in Safari.

[aspiringWebbie]

Thanks Virtual

[Author]

Posts