Reputation: 85
I'm using HTML5 boilerplate and have a header tag going the full width across the top of the page, with position:fixed. It works properly everywhere except IE7 (of course). In IE7 it creates a horizontal scrollbar that looks to have about the same width as the main content area...
Removing position:fixed from the header will remove the scrollbar and fix the issue, but I want to keep that position:fixed to have the whole header area overlap the main content as users scroll...
Anyone willing to take a look: http://www.capitaldesign.ca/sanction3/index.html
Upvotes: 2
Views: 177
Reputation: 453
I can see you are using display: block on the header element.
Try removing this or making it a display: inline-block.
Upvotes: 0
Reputation: 146
Have you try with overflow-x: hidden to the container div? it should make the scroll bars to not appear
Upvotes: 1