Problema con lista centrata

[fermat]

ho questo menu:

<div id="menu-center-ita">
    <ul>[*]Home[*]Storia[*]Collezioni[*]Punti vendita[*]Contatti[*]Backstage[/list]
</div>

con questo stile:

#menu-center-ita {
    margin: 10px auto auto auto;
    width: 664px;
    /*    border-bottom: 2px solid #8e7f67;*/
    border: 1px solid white;
}

#menu-center-ita ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    overflow: hidden;
    text-align: center;
    font-size: 15px;
}

#menu-center-ita ul li {
    display: inline;
}

#menu-center-ita ul li a {
    display: block;
    float: left;
    height: 27px;
    margin: 7px auto auto auto;
    padding: 3px 20px 0 20px;
}

su FF, chrome e safari nessun problema.
su IE 8 e opera invece la lista non è centrata, ma spostata verso sinistra.
a me pare che il problema possa essere la misura del testo, in quanto su ie e opera si vede più piccolo.
però px dovrebbe essere una misura standard.

[fermat]

nn chiedetemi il perhcè ma il problema è qua:

#menu-center-ita {
    margin: 10px auto auto auto;
    width: 664px;
    /*    border-bottom: 2px solid #8e7f67;*/
    border: 1px solid white;
}

nel senso che ho provato a restringerlo e su FF e chrome si è ristretto.
su IE e opera invece è rimasto della stessa larghezza.
come posso fare?

[fermat]

anzi mi correggo.
su IE il problema è che il div è più largo (l'ho misurato con un foglio).

su Opera il div è largo uguale, ma il font è più piccolo.