Creare 3 livelli in un unica riga

[Federix]

Ho un problema nella creazione di 3 livelli uno di fianco all'altro. Ho questo codice CSS:

.container { width: 760px; margin: auto; padding: 0px; display: block; }
.top { width: 760px; padding: 0px; margin: 0px; left: 0px; display: block; }
.sinistra { width: 130px; padding: 0px; margin: 0px; left: 0px; float: left; border: 0px; background-color: #FFB648; }
.main { width: 500px; padding: 0px; margin: 0px; left: 130px; }
.destra { width: 130px; padding: 0px; margin: 0px; left: 630px; float: right; background-color: #FFB648; }
.bottom { width: 760px; padding: 0px; margin: 0px; display: block; }

e questi livelli nel codice:

<div class="container">
<div class="top">top</div>
<div class="sinistra">sx</div>
<div class="destra">dx</div>
<div class="main">main</div>
<div class="bottom">bottom.asp</div>
</div>

Con FireFox NS, tutto ok, con IE il livello centrale main viene spostato sotto i livelli sinistra e destra e con Opera il livello main viene sovrapposto al livello sinistra.
Come posso risolvere????
Ho letto gli articoli di Floyd ma non sono riuscito ugualmente.

[ptransidico]

IE presenta un bug!!!
Qunado dichiari all'elemento main un dimensione ci aggiunge 3px come puoi vedere in qualche modo in questo articolo:
http://www.positioniseverything.net/...reepxtest.html

ciao

[Federix]

Una volta sapevo che c'era la possibilità di impostare più valori per uno stesso stile, ad esempio potevi impostare due tipi di padding all'interno della stessa classe, così, se non veniva interpretato uno, prendeva quello dopo, per caso sai come si fa???