centrare lista elementi

[Progeny]

Salve, sto cercando di centrare questa una lista... questo è il codice CSS

#tabsJ {
float:left;
width:100%;
background:#F4F4F4;
font-size:93%;
line-height:normal;
border-bottom:1px solid #24618E;
}
#tabsJ ul {
margin:0;
padding:10px 10px 0px 0px;
list-style:none;
}
#tabsJ li {
display:inline;
margin:0;
padding:0;
}
#tabsJ a {
float:left;
background:url("../images/tabs/tab_left.gif") no-repeat left top;
margin:0;
padding:0 0 0 5px;
text-decoration:none;
}
#tabsJ a span {
float:left;
display:block;
background:url("../images/tabs/tab_right.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#24618E;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsJ a span {float:none;}
/* End IE5-Mac hack */
#tabsJ a:hover span {
color:#FFF;
}
#tabsJ a:hover {
background-position:0% -42px;
}
#tabsJ a:hover span {
background-position:100% -42px;
}

e questo è il codice HTML:

<div id="tabsJ">
<ul>[*]<span>Home</span>[*]<span>Forum</span>[*]<span>Profilo</span>[*]<span>Messaggi Privati</span>[*]<span>Opzioni</span>[*]<span>Cerca</span>[*]<span>Logout</span>[/list]
</div>

ho provato in tutti i modi, con <div align="center"> o text-align nel div "tabJ" ma niente...
qualcuno riesce a capire il perchè? :S

[Dade]

Per centrare una lista basta fare così :

<style type="text/css">
.centrato {
	text-align:center;
}
.centrato2 {
	margin-left:50%;
}
</style>

<ul>
    <li class="centrato">Ciao
    <li class="centrato2">Centrato[/list]

Il centrato 1 li centra come <center>
Il centrato 2 li posiziona tutti in fila

[Progeny]

ti ringrazio per la risposta, ma sono un po' pignolo.. :P
non c'è una soluzione più elegante? attribuendo una sola classe agli elementi[*] o una sola per <ul> che agisca tu tutti i[*] ?

[digitos]

Una soluzione più efficace non esiste?
Se ho più di due elementi lista su una stessa riga, questo metodo non funziona.