Page overflows to right of body

Question

I'm incredibly frustrated by this and it would be a tremendous help if someone out there knows how to quickly figure this out...

What's happening is, I'm working on a site that seems to be extending out to the right of the body. In other words, overflowing to the right such that the horizontal scrollbar appears.

You'll see what I mean: http://www.lahappy.com/blog/

This is killing me! Would really appreciate someone to call out what I may be missing or doing incorrectly.

Thanks-

Answer 1

The problem is within #fb-root in the right sidebar. If you remove this element, the layout will fit correctly without a horizontal scroll. The child iframe within this element has a width of 575px . You can change this value to auto by setting the style for the iframe in your css as:

#fb-root{
    width: auto !important; 
}

This line should be placed at the end of the CSS line to overwrite any styles which may disable the width:auto style. Ideally, you shouldn't have to use !important but since you need to override a FB defined style, I'd try it out.

Hope this helps.