Problemi con menu orizzontale e IE

[samiel]

Nel CSS ho questo codice:

#navlist_wrapper {width:100%; height:60px; margin:auto; background-color:#2768B3; border-top:3px solid white; border-bottom:3px solid white}
#navlist{padding:13px 0; margin:0 auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold}
#navlist ul{color:#8D8D8D; list-style:none; margin:auto; text-align:center}
#navlist li{list-style:none; margin:0 auto; padding:8px; display:inline; background:#DDE; border:3px solid white;}
#navlist li a{margin:0 auto; padding:6px 0.5em; border-bottom:none; text-decoration:none}
#navlist li a:link{color:#448}
#navlist li a:hover{color:#000; background:#AAE; border-color: #227}

Mentre con Firefox ho una visualizzazione corretta. con IE le cose non vanno.
I riquadri del menu sono appiccicati e quelle che corrisponde alla pagina attiva
diventa più piccolo degli altri. Credo dipenda dalla commistione di margin e padding.
Potete vedere la pagina qui: http://samiel.netsons.org/
Qualche suggerimento su una possibile soluzione?

Grazie
M.

[samiel]

Pensavo che la cosa potesse essere dovuta
al box model di IE, però il difetto è presente
anche con IE 7. Qualche suggerimento?

M.