Вертикальная полоса прокрутки не показывает, когда это должно быть в IE

Question

У меня длинная страница, и она должна показывать вертикальную полосу прокрутки в IE, но это не так. Я могу нажать на кнопку, и появятся полосы прокрутки, которые исчезнут при перезагрузке страницы.

Вот это 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

Возможно, попробуйте это:

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

Answer 2

Может быть, не поможет, но на самом деле, попробуйте избавиться от роста: 100% на все. Часто это вызывает проблемы с IE. Если вы не можете, попробуйте добавить

hasLayout: true;

к форме.

Answer 3

Почему вы используете

html, body, form{height:100%}

Будет ли полоса прокрутки, если вы удалите эту строку?