Firefox 3.6 Horizontal Scroll

HTML & CSS
1

Hello Girls and guys!

Right now I’m sitting making a website, where I have my header that is 100% in width, then I have box-shadow on it using the -moz-box-shadow, -webkit-box-shadow and box-shadow… Everything works fine in Firefox4.0, Safari, Chrome, Opera and Internet explorer (Using an image for Opera and IE), but Firefox3.6 cause a horizontal Scrollbar for me because of the box-shadow…

I’m using CSS3 for my site, and doing it backward-comp via images, but don’t know how I should target “Firefox3.6 or less” only So I could use a image there etc, or using Overflow-x:hidden; so there won’t be scrollbars for FF…

I can use


@-moz-document url-prefix() {
	body {
	overflow-x: hidden;
	}
}

To target Firefox, but don’t know if it’s “okay”… Can any maybe help… The site I’m creating is: S&L | Hosting

I’m kinda lost right now :frowning: Have tried anything.

2

I’d be more worried that Fx 4 doesn’t create one (because if you are on a narrow width browser window) you cannot easily see the content to the far right of your page.

3

Yeah, that’s why I only wanna target Firefox3.6 or older, because the box-shadow bug is fixed in FF4.0, and yeah I could just live with it… but still… 35-36% use Firefox 3.6