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 -
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.
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 -
The Firefox issue can be fixed by reducing padding-right on li class left to 155px.
I haven’t had time to look at Safari with the Web Inspector.
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.
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.
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".