Layout e incompabilità

[keratox]

Sto provando a creare qualche layout carino utilizzando css+div

Solo che nelle prove sto avendo problemi di visualizzazione o in IE o in Mozilla, in quanto, non appena prendo le precauzioni per sistemare il problema su IE, su Mozilla si vede male.
Vi posto il codice dei Css

#cont {
width:100%;
height:200%;
clear:both;
}
#right {
width:20%;
height:200%;
float:right;
margin:0;
padding:0;
}
#left {
width:20%;
height:200%;
float:left;
margin:0;
padding:0;
}
#center {
width:60%;
height:200%;
float:center;
margin:0;
padding:0;
}

la struttura è questa

<div id="cont">
 <div id="left"> 
 </div>
 
 <div id="right">
 </div>

 <div id="center">
 
 </div>
</div>

Vi illustro a parole il problema grafico che riguarda la linea in grassetto:

Nello spazio centrale tra le due colonne (div "left" e "right") ci dovrebbe essere il div "center". Poiche' le colonne laterali hanno 20% entrambe di larghezza, 60% riempie la parte centrale, ma, a questo punto, su Mozilla va correttamente, ma su IE trovo problemi.
Per risolvere su IE, setto la larghezza di #center a 100%, e su IE si vede bene, ma, per contro, su Mozilla esce dallo schermo...

Come risolvo???
Non c'è verso di sistemare... :master:

Ciao

[flanza]

prova:

#center {
width:60%;
height:200%;
float:left;
margin:0;
padding:0;
}

guarda che float:center non va!
e quindi il div se ne andava sotto quello di sinistra e se davi larghezza maggiore lo vedevi anche dove volevi...