Decalage avec verdana

Bonjour J'ai une marge bottom en trop sur mes liens quand j'utilise la police verdana pourtant avec arial pas de probléme.

<div id="menu_horizontal">
    <ul>
        <li><a href="">Accueil</a></li>					 
        <li><a href="">Contact</a></li>
	<li><a href="">Inscription</a></li>
	<li><a href="">Aide</a></li>
    </ul>  
</div>

#menu_horizontal{
width:705px;
}

#menu_horizontal li {
float:left;
}

#menu_horizontal li a{
width:111px; /*141 -30*/
padding-left:30px;
height:29px;
display:block;
background:url('../image/header/menu_horizontal/bg.gif') left top no-repeat;
text-decoration:none;
color : #4169e1;
line-height:29px;
font-size:0.75em;
font-family:verdana;
}

#menu_horizontal li a:hover{
background-position: 0 -29px;
color:#000;
}

Modifié par tiesto95 (23 Mar 2009 - 16:11)

C'est très certainement du au mélange d'unités entre le line-height (px) et le font-size (em).

Arial en 0.75 em et verdana en 0.75 em n'auront pas une "hauteur" égale en unité absolue.
Modifié par Laurie-Anne (24 Mar 2009 - 08:48)