user1093150
user1093150

Reputation: 85

Crazy IE7 Horiztonal Scrollbar

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

Answers (2)

Rollcredit
Rollcredit

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

Christian Isai
Christian Isai

Reputation: 146

Have you try with overflow-x: hidden to the container div? it should make the scroll bars to not appear

Upvotes: 1

Related Questions