problème css :underline trop bas sous firefox?[Réglé]

[AlCoPaul]

Bonjour,

J'ai un petit souçi d'affichage sous firefox. Le soulignement de la première lettre de chaque élément de mon menu est trop en dessous du texte. Sous Internet Explorer, le soulignement colle directement sous ce texte ... c'est bien plus joli. Est-ce normal ou y a-t-il un moyen de corriger ce problème ?
Voici mon code css

Code: Tout sélectionner

#menu a {
   display: block;
   float: left;
   height: 25px;
   margin: 0;
   padding: 5px 20px 0 20px;
   text-decoration: none;
   font-size: 0.9em;
   font-weight: bold;
   color: #FFFFFF;
   background: url(../pictures/background/menu_links.gif) repeat-x top;
}

#menu a:first-letter {
   text-transform:uppercase;
   text-decoration:underline;
}

et voilà l'affichage sous Internet explorer (ou le soulignement colle au texte)
et enfin l'affichage sous firefox (ou le soulignement est beaucoup trop bas a mon goût)

Merci d'avance.

[blankoworld]

Bonjour,

Dans ton CSS tu peux modifier plusieurs choses, en mettant à part Internet Explorer de Firefox à l'aide de l'espace souligné "_" (touche 8 du clavier).
Exemple :
Tu aimerais mettre un décalage de 8 pixels sur la gauche, mais sur Internet Explorer, il vaudrait mieux en avoir 5.

Code: Tout sélectionner

left: 8px;
_left: 5px;

De cette manière tu peux redéfinir l'espace sous MSIE. Il faut bien être attentif au fait que Firefox ne DECODERA PAS la seconde ligne (celle avec _).
Et MSIE décodera les deux lignes, donc veille à toujours avoir le _ en second.

[AlCoPaul]

reuh,
merci pour cette astuce que j'ignorai. Elle est fort pratique.
Pour mon problème, je l'ai résolu. Pour ceux que Sa interesserai de connaître la solution cliquez ici