ie7 bottom scrollbar hell

Question

hi, on this site http://redlineautoleasing.com/beta/

what could be causing the bottom scrollbar? i cant figure it out.

i tried this http://blog.josh420.com/archives/2007/11/fixing-the-ie-overflow-vertical-scrollbar-bug.aspx but the page kind of got messed up the bottom content got chopped off.

Answer 1

I can't see it because I'm on a mac but when something like this happens to me I create a test page and start deleting code. Remove 50% of the html and css then take another look. Then keep doing it 'till you find the offending code. Sometimes this doesn't work but most time it does.

Answer 2

It looks like your CSS has several things with large widths or margins which could be invisibly going off the side of the page - most likely a positioning difference between IE and other browsers.

In firefox, the firebug addon allows you to inspect all the elements of your page. If there's something like that for IE it should help you identify the offending element. Otherwise, maybe try setting all borders to a width of 1 pixel with various colours to try to highlight which element is sitting out there.

Answer 3

From your CSS:

body {
    background-color:black;
    background-image:url(../images/contentbg.jpg);
    background-repeat:repeat-x;
    height:536px;
    background-position:top left;
    color:white;
}

try adding overflow-x: hidden; and possibly also width: 100%;

or try adding

html{
     width:100%;
     overflow-x: hidden;
    }

play around with these, the right combination should make it work OK.