Règler l'espacement entre surlignage et souslignage?

Bonjour,

toujours en train de faire ma première feuille de style, j'ai un petit problème à vous soumettre.
Mon menu de navigation est le suivant (j'ai supprimé ici les valeurs comme les marges, par soucis de clarté):

ul#menu
{
line-height: 40px ;
text-align: center;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
white-space: nowrap;
}
ul#menu li {
list-style-type: none;
display: inline;
}
ul#menu li a {
text-decoration: none;
padding: 0.8em 1em;
color: #000000;
}
ul#menu li a:link {
color: #000000:
}
ul#menu li a:visited {
color: #000000;
}
ul#menu li a:hover {
color: #777777;
text-decoration: underline overline;
}

mon soucis c'est que je n'arrive pas à centrer le texte entre la surligne et la souligne.

J'ai essayé de mettre vertical-align: middle; dans ul#menu mais ça n'a rien changé.

Quelqu'un peut-il m'aider?

Merci
Stéphane

Salut,

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation