Vertical scroll bar doesn't show when it should in IE

Question

I have a long page and it should show the vertical scroll bar in IE but it doesn't. I can click on a button and the scroll bars appear then they disappear when the page is reloaded.

Here is the css

*{margin:0;padding:0}
html, body, form{height:100%}

body{position:relative;width:100%;}/*opera 9.5 fix*/

body 
{
    font-family:Trebuchet MS, Lucida Grande, Arial, sans-serif;
    text-align:center;
}
/* ---Layout--- */
#wrapper{ 
    width:100%;
    text-align:left;
    margin:auto;
    min-height:100%;
    margin-top:-100px;/*footer height*/

} 
* html #wrapper{height:100%}
#header{
    background: url(images/header.png);
    height:89px;
    border-top:100px solid #fff;/* soak up negative margin*/
}

#header_inner{
    width:960px; 
    margin-left:auto; 
    margin-right:auto;  
}

Answer 1

Perhaps try this:

html { height: 100.1%; margin-bottom: 1px; }

Answer 2

Why do you use

html, body, form{height:100%}

Will there be a scrollbar if you remove that line?

Answer 3

May be won't help, but really, try getting rid of height: 100% on everything. A lot of times it causes problems with IE. If you can't, try adding

hasLayout: true;

to the form.