Ciao a tutti!

Sono incappato in un fastidioso problema di crossbrowsing che non riesco a risolvere e speravo di potermi affidare alle vostre conoscenze

Supponendo di creare una semplicissima struttura come la seguente:

<div id="container">
<div id="header">header</div>
<div id="content">content</div>
<div id="subContent">subContent</div>
<div id="footer">footer</div>
</div>

ed avendo utilizzato le seguenti regole CSS

html{
overflow: auto;
}

body{
margin: 0;
padding: 0;
background: white;

text-align: center;
font-family: arial;
font-size: 11px;
color: black;
}

div#container{
width: 100%;
}

div#header
{
width: 100%;
height: 200px;
background: red;
}

div#content
{
width: 100%;
height: 300px;
background: green;
}

div#subContent
{
width: 100%;
height: 200px;
background: blue;
}

div#footer
{
width: 100%;
height: 150px;
background: yellow;
}

Esiste un modo per evitare che su explorer6, non appena la somma dei div superi l'altezza disponibile del browser, venga mostrata un'irritante scrollbar orizzontale con spostamento di una manciata di pixels?

Ringrazio anticipatamente tutti coloro che cercheranno di darmi una mano

ciauuuz