[Résolu] Centrer verticalement

Bonjour à tous et à toutes
J'ai un soucis... Je veux faire un menu à onglet seulement le texte ne veut pas s'aligner verticalement, pourtant quand je passe ma souris dessus il se centre alors que je n'ai rien demandé de plus...

Voila mon CSS :

a:link
{
	text-decoration:none;
}

#menu
{
	position:absolute;
	left:50%;
	width:500px;
	margin-top:0px;
	margin-left:-266px;
	padding:15px;
}

#onglets
{
        position : absolute;
        padding : 0;
        font : bold 11px Batang, arial, serif;
		text-align: center ; 
        margin-top : 0;
        width : 100%;
		line-height : 24 px ;
}

#onglets ul
{
    list-style-type : none;
	text-decoration : none;
}

#onglets li
{
	list-style-type : none;
    float : left;
    height : 28px; 
	width : 113px;
    background-color: #353535;
    margin : 2px 2px 0 2px 
    margin : 1px 2px 0 2px;  
}

#onglets li.active
{
	border : none ; 
    background-color: #fff;
	text-decoration : none;
}

#onglets a
{
    display : block;
    color : #666;
    text-decoration : none;
    padding : 4px;
}

#onglets a:hover
{
    background-color : #fff;
	text-decoration : none;
	line-height:20px;
}

Et mon HTML

	   <div id="menu">
  <ul id="onglets">
    <li class="active"><a href="Accueil.html"> Accueil </a></li>
    <li><a href="Portfolio.html"> Portfolio </a></li>
    <li><a href="contact.html"> Contact </a></li>
	
  </ul>
</div>	

Merci de m'aider :'(
Modifié par laeti42 (20 Jun 2012 - 21:22)

Salut, tu peux jongler avec line-height sur #onglets li.

Ho sérieux! t'es un magicien! MERCI ^^ Et tu as une idée pour faire ça : http://jonraasch.com/blog/a-simple-jquery-slideshow
de manière simple? Je ne fais que du HTML et CSS pour le moment... Et je me demande si c'est possible?