IE 7 Scrollbar problem

[rcrutchley101]

Hi

Does anyone know how to get rid of these scrollbars They will just not go. Didn't notice them till just because I design in firefox.

http://www.istl.com/css/contactus.html

Can anyone help please

Thanks

[rcrutchley101]

All I know it is something to do with the overflow on #page.

Thanks

[Paul O'B]

I've given you the answer to this in the other thread already

Its the image I showed you that is too wide for its container. See the other thread

[Paul O'B]

You also need to remove the heights that you set on those columns and let the content dictate the height.

[rcrutchley101]

Thanks Paul that seems to have done the trick.

I pasted the information you sent for the form but doesn't seem to have changed anything really its still all over the place.

Thanks

[Paul O'B]

That's because you changed my code and changed some other stuff in your page.

You just need to tweak it to suit.

#contact-form label {
float:left;
font-weight:bold;
padding-right:3px;
position:relative;
text-align:right;
top:5px;
width:5.5em;
}
#contact-form input {
margin-top:3px;
margin-bottom:0px;
width:10em;

}
.latest-news{margin:10px 0 10px 4em;}
#contact-form .latest-news label{
    float:none;
    top:0;
    padding:0;
    vertical-align:middle
}
#contact-form .latest-news input{
    width:auto;
    vertical-align:middle;
    margin-right:20px;
float:none
}
.submit{margin-left:3em}
#contact-form textarea{
    width:15em;
    margin:5px 0 10px 10px ;
}

Remove the float from the inputs. change the negative top margin and then change the width of the labels. All amended above.