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. :D

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]

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:

.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.