help layout con min-height!

[Sonikag]

Ho un layout fisso a due colonne con una min height di 480px. Il problema che sia su ff che su IE la colonna navigation è di 480px ma la colonna content è 500e rotti px.

<div id="container">
<div id="navigation">Menu navigazione</div>
<div id="content">Contenuti</div>
<div id="footer">Mio footer</div>
</div>

html,body{margin: 0;padding:0;}
body{font-family: arial,sans-serif;font-size: 76%;text-align: center; margin-top:150px;}
div#container{width: 857px;margin: 0 auto;text-align: left;}

/*stili specifici per il layout*/
div#navigation{float:left;width: 285px; border:1px solid #000;min-height: 480px;
height: auto !important;
height: 480px;}

div#content{margin-left: 303px;padding: 1em; background-color:#00FF00;  border:1px solid #000;min-height: 480px;
height: auto !important;
height: 480px;}

div#footer{clear:right; text-align:right; padding: 0.5em;
    background-color: #69c; color: #7C7B7B}

[Sonikag]

hem...
non mi ero accorta di 1em di padding :master:
Risolto