ciao a tutti sto cercando di realizzare un layout a tre colonne fluido utilizzando em .

il problema è che non riesco ad impostare correttamente il padding sulle colonne ...

questo è il css:
------------------------------
html,body{margin: 0;padding:0}
body{font-family: arial,sans-serif;font-size: 90%}

div#header{padding:1em;}
div#nav{float:left; width:12em; background-color:silver;}
div#content{margin-right: 12em;margin-left:12em;padding: 1em; background-color:yellow;}
div#footer{clear:right; text-align:center; padding: 0.5em; background-color:gray;clear:both}
div#extra{float:right; width:12em; background-color:silver;}
-------------------------------


se metto 1em di padding su nav o extra (le due colonne)
su firefox quando stringo la pagina anche di poco le colonne si sovrappongono al content centrale mentre con Internet Explorer no !

non è normale vero ?

qualcuno sa dirmi dove sbaglio ?

ciao e grazie