What is causing that nasty horizontal scrollbar?

Question

I am wrapping up a few touches on a site and notice that something is forcing the horizontal scrollbar to appear way beyond the container boundaries here.

I have Firebugged it to death, but still can't figure out what the offending party is. I offer quick kudos to anyone that can tell me what is wrong here.

Thanks!

Answer 1

I think it has to do with the margin on the #container div.

When I Inspect Element on Google Chrome and change the margin style to margin: 0; the scroll bar goes away.

try adding: padding: 0px; to the style. it stays centered and the scroll bar goes away.

Answer 2

Someone else posted an answer earlier and then withdrew it. It was close but not all the way there.

Here is what ended up solving the problem:

html 
 {
 height: 100%;
 margin-bottom: 1px;
 overflow-y: scroll;
 overflow-x: hidden;
 }