Scrollbar orizzontale da nascondere

[psYko_maNtis]

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

[psYko_maNtis]

Trovato, basta eliminare la seguente parte di codice:

html{
overflow: auto;
}

Inizialmente credevo di dover aggiungere la regola overflow-x: hidden; che è però supportata unicamente dai css 3. Ho poi scoperto che in realtà la proprietà auto applicata all'overflow del tag html non è necessaria al mio scopo.

Grazie comunque

Saluti