Unwanted horizontal scroll bar in IE7

Question

I have a site that is working fine, except in IE7 there is a massive horizontal scroll bar.

I would have to paste the entire html code and css code so I will refer you to the page source.

You can see the site here.

Any assistance would be greatly appreciated.

Thanks.

Answer 1

I don't see a horizontal scrollbar (FF 3.6.3 Ubuntu 10.04 1920x1200 res). What resolution are you running at?

You can use overflow: hidden to hide the scrollbar.

Answer 2

This was a strange challenge as there was nothing that appeared to be causing the issue. However, thanks to Tony Crockford he noted that there was a div with italic text in it that might be causing the issue. And sure enough it was.

Here it the suspect code:

<span class="strength">strength...experience...understanding</span>

I had that styled to be italic:

span.strength { 
 float: right; 
 margin: -60px 0 0 0; 
 font: italic 20px Georgia, "Times New Roman", Times, serif; 
 color: #16506a; 
 }

However there is a bug that causes problems: http://www.brunildo.org/test/ie7_ithscroll.html

And this is the solution:

 overflow: auto;

Crazy stuff! But it works.