Salve a tutti, sono nuovo di questo forum (ed in generale con i css)

vi espongo il mio problema:

in un layout a 2 colonne fisso, utilizzando la proprietà float, non riesco ad allineare il box dei contenuti al box del menu.o meglio, IE 6 lo visualizza correttamente mentre mozilla mi crea problemi. vi posto il patè di codice che ho scritto (è pieno di roba inutile secondo me, ma non so cosa eliminare!!!). grazie a tutti per l'aiuto!

codice css [

/* CSS Document */

body {
margin: 0;
padding: 0;
text-align: center;
background: #EEE;
color: #000;
}

#centrato {
width: 700px;
margin: 0px auto;
text-align: left;
}

#corpo {
float: left;
width 694px;
border-left: 3px solid #000;
border-right: 3px solid #000;
background: #FFF url(images/sfondo.2col.fisso.bordodx.gif) right top repeat-y;
}

#colonna1 {
text-align: center;
display: inline;
float: right;
width: 180px;
margin-right: 3px;
padding-left: 25px;
background: transparent;
color: #000;
}

#colonna2 {
clear: both;
display:inline;
text-align: left;
float: left;
/*width: 500px;*/
background: transparent;
color: #000;
width: 481px;
}

#intestazione {
margin-top: 40px;
text-align: center;
background: #E60;
color: #FFF;
border: 3px solid #000;
}

]

codice html [

<body onload="MM_preloadImages('images/home2.GIF','images/home3.GIF','images/ISCRIVITI2.GIF','images/ISCRIVITI3.GIF','images/FAQ2.GIF','images/FAQ3.GIF','images/LOGIN2.GIF','images/LOGIN3.GIF')">
<div id="centrato">
<div id="intestazione">


INTESTAZIONE</p>
</div>
<div id="corpo">

<div id="colonna1">


COLONNA1</p>
<div id="menu">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>[img]images/home.GIF[/img]</td>
</tr>
<tr>
<td>[img]images/ISCRIVITI.GIF[/img]</td>
</tr>
<tr>
<td>[img]images/FAQ.GIF[/img]</td>
</tr>
<tr>
<td>[img]images/LOGIN.GIF[/img]</td>
</tr>
</table>
</div>
</div>
<div id="colonna2">

<div id="content">


COLONNA2</p>
</div>
</div>
</div>
<div id="piedipagina">
Copyright B@ckup System S.R.L. | All Rights Reserved
</div>
</div>
</body>
</html>

]