Ciao a tutti,
cercherò di essere quanto più chiara possibile nell'esporre il problema.

Il mio problema è una diversa visualizzazione in IE 6 rispetto a Firefox e alle divere versioni di IE 7 e 8.
Credo che sia dovuto ad un bug ma nn so esattamente quale e come risolverlo.
Ho provato diverse soluzioni ma nessuna di queste ha funzionato!

Qui di seguito posto il codice CSS:


#container{
height:auto;
overflow: hidden;
width:900px;
background-color:yellow;
}

#navigazione_laterale{
float: left;
width:181px;
height:auto;
padding:0px 0px 0px 0px;
min-height:520px;
font-size:14px;
background-color:green;
}


#contenuto{
margin: 0px 0px 0px 181px;
width:719px;
height:auto;
background-color:red;
}



CODICE HTML

<div id="container">
<div id="navigazione_laterale"> float:left</div>
<div id="contenuto">contenuto </div>
</div>



in Firefox tutto bene:
il contenuto appare affianco la navigazione_laterale alla sua dx.

In IE6
il contenuto appare affianco la navigazione_laterale alla sua dx MA spostato giù!




Qualcuno saprebbe aiutarmi?

Grazie