Ciao a tutti,
ho un menu orizzontale a tab. Devo centrare le voci di menu all'interno del tab, sia in orizzontale che in verticale.
A farlo in orizzontale non ho alcun problema ma non riesco a centrare le scritte in verticale.
Avete qualche suggerimento???

grazie!!


#menu{
margin: 0;
padding: 0;
width: 666px;
height: 60px;
display:block;
text-align: left;
}

#menu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#menu li{
margin: 0 15px 0 0;
padding: 0;
float: left;
font-size: 14px;
text-align: center;
background: transparent url(tab.gif) no-repeat;
}

#menu li a{
width: 98px;
height: 60px;
padding: 12px 0;
line-height: 14px;
display: block;
float: left;
text-decoration: none;
}

#menu li a:hover{
background: transparent url(tab_over.gif) no-repeat;
}




<div id="menu">
<ul>
[*]tutti gli strumenti
[*]musica
.....

[/list]
</div>