CSS Issue Causing Horizontal Scroll

[RichieBoy67]

Waz up?

I believe it is the header but I am not certain what is causing the horizontal scroll. Only 5 am though so maybe later my iq will be high enough to figure it out but some help would be appreciated.

Site is musclemeccadotcom

Just the main theme is having the issue.

Thanks!

[Max Taxable]

No scrollbar here either in FF or Chrome.

[RichieBoy67]

Thanks, only happens at lower resolution.

[Max Taxable]

Originally Posted by RichieBoy67

Thanks, only happens at lower resolution.

Ahh, much needed info methinks.

Looks like your header image only wants to scale down to a certain point, then stops.

[RichieBoy67]

Yeah, I also think it is the background header image not scaling enough. I will try using auto or 100% or cover. If just that image than it should work.

Currently have:

PHP Code:

.logo2 {
height: 130px;
margin-left: 560px;
display: block;
background: transparent url(header_bg2.png) no-repeat bottom left;
} 


That image is a transparency.

[Max Taxable]

I think we talked about this over on OzzModz once, I was suggesting taking those 3 images and making them one scale-able, progressive jpeg one?

[RichieBoy67]

I am thinking maybe I will remove that transparent image and just center the logo.

[RichieBoy67]

I will have to look into this further because it is not the header that is causing the issue.

##Update - The issue was a stylevar. Min Document width. I set it to auto and all working now.