centrate elementi inline dentro div

[Coyote Ugly]

Ciao a tutti, sono nuovo nuovo del forum, vi scrivo dalla provincia di Venezia.

Non essendo molto esperto ho difficoltà a posizionare al centro di una 'barra menù' i link del menù stesso. Mi spiego meglio:
Nell'immagine allegata vedete il menù.

Questo è il codice

<div id="header-menu">
<div id="header-menu-inside">
<ul class="menu"><li class="first leaf">Home
<li class="leaf">Attività e storia
<li class="leaf">Foto
<li class="leaf">Fanzine
<li class="leaf">Documenti
<li class="last leaf">Materiale[/list]</div>  </div>

Le proprietà dell' heade-menu-inside sono queste:

#header-menu-inside {     height: 45px;     line-height: 46px;     margin: 0 auto;     text-align: right;     vertical-align: middle;     width: 960px; }

Queste quelle riguardanti la classe ul menu:

 #header-menu ul.menu {     display: block;     margin: 0;     padding: 0;     position: relative;     z-index: 100; }

ul.menu {
    border: medium none;
    list-style: none outside none;
    text-align: left;
}

Queste quelle degli elementi li:

#header-menu ul.menu li {     display: inline-block;     float: left;     margin: 0;     padding: 0;     vertical-align: middle; }

I link hanno le seguenti proprietà:

#header-menu ul.menu li a {     display: block;     font-family: Myriad Pro,"Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif;     font-size: 14px;     font-weight: normal;     margin: 0 35px 0 0;     outline: medium none;     text-align: center;     text-decoration: none;     text-transform: uppercase;

Vorrei che i link del menù non restassero allineati a sinistra, ma che spaziassero per tutto il blocco di 960px, con la prima voce del menù attaccata sulla sinistra, l'ultima tutta a destra, e i link in mezzo spaziati automaticamente.
Spero di essermi spiegato bene.

Grazie!!