Why does my HTML page have extra width in IE7?

Question

My HTML page has extra width, but only in IE7. I get horizontal scroll bars even though all the content of the page seems to fit in the browser window.

Take a look:

• Video: http://www.youtube.com/watch?v=_cxGzcTodTk
• HTML page: http://photoshop.faressoft.org/

Answer 1

I had the same problem, all you need to do is add this to your css:

#footer-widgets { overflow: hidden; }

The cause might be an incorrect float/clearing, it definitely occurs in the div#footer-widgets, if you set it to display: none; the problem disappears ;)

Answer 2

Its probably due to the Microsoft Internet Explorer box model where measurements apply to the inner content rather than the outter dimensions of the html element.