Salve a tutti. Ho un problema a cui non riesco a venirne a capo.
Premetto che sono un utente base di html e css.

Vengo al dunque.

Si tratta di un classico menù orizzontale che deve venire centrato. Allego un immagine:



trattandosi di un font non di sistema sono costretto a farlo per immagini.

la struttura dell'html è un wrapper di 960px al cui interno ci sono vari <div> che gestiscono header e altre parti, fino al menù che è così scritto:

codice:
<div id="menu">
          <ul>
            <li id="collection"> collection  [*] &middot; 
            <li id="contact">  contact  [*] &middot;  
            <li id="press">  press  [*] &middot; 
            <li id="social">  social  [/list]
        </div>
ora quello che dovrei fare è fare in modo che al posto delle scritte comparissero le varie immaginette che ho già ritagliato in photoshop delle voci del menù.
Il che devo dire che mi riesce, salvo il fatto che il text-indent mi funziona solo con il float:left.

Non conoscendo la dimensione totale del menù in pixel (potrebbe variare), come faccio a centrarlo?!

vi ringrazio in anticipo.