allineare al centro un menu orizzontale

[jimbo0]

salve,
ho un div contenitore con width:900px e un menu orizzontale che non ha larghezza definita:
come posso fare si che questo sia allineato (orizzontalmente) al centro del div?

#menu ul{
list-style:none;
overflow:hidden;
}
#menu li{
display:inline;
}
#menu a{
display:block;
float:left;
height:48px;
padding:2px 10px;
text-decoration:none;
line-height:48px;
}

[Mich_]

Non so esattamente come sia fatto il tuo codice HTML.
Supponendo:

HTML:
<div id="contenitore">
  <div id="menu">
    <ul ...
    ... /ul>
  </div>
</div>

CSS:
#contenitore {
  width: 900px;
  ...
}

Prova ad aggiungere

#menu {
  margin: 0 auto;
}

Nota: non funziona se ci sono degli elementi float

[jimbo0]

grazie della risposta, ma chiaramente non funge se non ho definito la larghezza di #menu, e non posso farlo perché mi sballa tutte le animazioni 'hover' di jquery

[Mich_]

Se si deve definire la larghezza di menu non ha piu` senso il tutto: infatti centrare due elementi di cui si conosce la larghezza si fa semplicemente dando margini opportuni.

Quel metodo funziona se non ci sono interferenze da parte di altri elementi o attributi. Potrebbe ad esempio fallire se ci sono all'interno elementi float, o se ci sono altre interferenze.
In particoalre non ha senso dare al tag <a> l'attributo display:block ed inserilo dentro un blocco con display:inline : qualche brwoser potrebbe interpretare come tu vuoi, ma qualche altro potrebbe arrabbiarsi e ignorare qualcuna delle formattazioni.

[jimbo0]

veramente ho cercato di essere più crossbrowser possibile
http://css.flepstudio.org/css-tutori...le-in-css.html
pur essendo l'articolo del 2008 la soluzione mi sembra più solida di altre..
come posso risolvere?

[Mich_]

Da quanto ho capito il tuo menu non e` quello spiegato in quell'articolo.
Li` definiscono come prima cosa: width:100% .
E poi il display:inline dato ai[*] e` un errore semantico.

Prova a vedere se trovi altri menu piu` adatti.

Tra i "link utili" ne abbiamo raccolto un po'. A me piacciono quelli di CSSplay