Ho creato dei bottini usando css ma non riesco ad allinearli al centro, chi mi da un mano?
Grazie

il codice dei bottoni e' questo

<div id="tabs">
<ul>[*]<span class="key">H</span>ome[*]<span class="key">C</span>ontattaci[*]<span class="key">D</span>ove siamo[*]<span class="key">R</span>egistrati[*]<span class="key">U</span>ser[*]<span class="key">A</span>dmin[/list]
</div>


mentre il css è questo

#tabs {
background: #fff url(../images/bigbox.gif) no-repeat top left;
color: #000;
height: 64px;
width:700px;
text-align: center;
padding: 0 0 0 210px;
}
#tabs li
{
display: inline;
height: 45px;
}
#tabs li a
{
float: left;
background: #fff url(../images/barbg.gif) no-repeat;
color: #808080;
padding: 7px 0;
width: 82px;
text-align: center;
font-weight: bold;
text-decoration: none;
}
#tabs li a:hover
{
background: #fff url(../images/barcurrent.gif) no-repeat;
color: #000;
}
#tabs li a.current
{
background: #fff url(../images/barcurrent.gif) no-repeat;
color: #2C71AE;
}

.key
{
text-decoration: underline;
}