Unwanted horizonal scrollbar appears at bottom of browser (IE7)

Question

Hi there - Please take a look at the following sites:

www.crandic.com
www.midwestsites.com

In IE7, an unwanted, horizonal scrollbar appears at the bottom of the browser for both sites. In FireFox 3.5.7, the scrollbar does not appear. Any suggestions would be GREATLY appreciated! Thanks much!

Answer 1

You can set a CSS rule to hide any x-axis content overflow:

body {
 overflow: -moz-scrollbars-vertical;
 overflow-x: hidden;
 overflow-y: scroll;
} 

Answer 2

It's caused by this line:

font: italic bold 100% Arial, Helvetica, sans-serif; 

for .headertext in INT_CRANDIC_CSS.css

I have no idea why!