Per la centratura, suppongo tu abbia usato solo text-align: center nella regola di stile del body, vero? Ovviamente questo è il modo scorretto di allineare al centro un box (infatti è quello usato da IE!). Per centrare un box nel suo contenitore devi impostare i suoi margini orizzontali sul valore "auto":

codice:
<body>
<div id="container">...</div>
</body>

body {
text-align: center; /* per centrare "container" in IE! */
}

#container {
text-align: left; /* ripristina l'allineamento del testo a sinistra */
width: 700px;
margin: 0 auto; /* per centrare "container" nei browser "decenti" ^^ */
}
Poi ho visto che hai usato addirittura l'overflow nel box contenitore...mi sembra eccessivo per "risolvere" gli altri problemi di layout. Non ho guardato approfonditamente il codice, ma spero tu abbia considerato l'errato box model di IE5 (e IE6 in modalità compatibile) che considera padding e border di un box come facenti parte della larghezza dei suoi contenuti. Se hai dei box flottanti, assicurati di non avere impostato per questi box un margine maggiore di 0 sullo stesso lato del float, altrimenti IE ti raddoppia tale margine. A parte la centratura, mi pare che il layout più corretto si veda proprio su Firefox (l'ho guardato con IE5 ed è molto scombinato)...