sto cercando di sostituire le tabelle con i div in una pagina di tipo classico

codice:
<div esterno>
<div header>....immagine e testo..........</div>
<div menu>.........tabella menu...........</div>
<div corpo>
<div sx>..</div><div ct>..</div><div dx>..</div>
</div>
<div footer>....immagine e testo..........</div>
</div>
sl che nn riesco ad allineare correttamente i div

mi spiego: i div sn formattati in questo modo:

codice:
div#esterno{width: 780px; height: 100%; text-align: center;}
div#menu{width: 780px; height: auto;}
div#corpo{width: 780px;text-align: left;vertical-align: top;}
div#sx{position: relative; top: 0px; float: left; width: 150px; height: 100%;}
div#ct{position: relative; top: 0px; float: left; width: 480px; height: 100%;}
div#dx{position: relative; top: 0px; float: left; width: 480px; height: 100%;}
div#footer {width: 780px;}
con questa formattazione, in ie e opera i div si allineano come dovrebbero, ma in mozilla no: fino alla chiusura del div che contiene la tabella del menu, tutto ok, sotto invece si allineano:

sx (a sx) - ct (appoggiato al div sx correttamente)- img footer (appoggiato al div ct al posto del div dx)

resto del div footer, contenente (cosi' sembra a video) sulla sx il div dx!

ho accuratamente controllato l'annidamento dei div ed e' difficile sbagliare, perche' il corpo della pagina e' ancora vuoto, quindi ho le aperture e le chiusure dei tag bene sott'occhio

spero di essere stata sufficientemente chiara

grazie a chiunque mi sapra' aiutare