Problème avec un css de la barre de navigation

[So-Mush]

Bonjour !!

Voilà je fais appel à vous car j'ai un petit soucis sur mon forum et après avoir essayée seule de trouver une solution je suis à cours d'idée ^^'

Voilà mon problème:
ma barre de navigation est actuellement en en-tête de mon forum, et lors du survol de celle-ci j'ai les mots se trouvent soulignés.

Voilà le code en question:

Code:

.mainmenu:hover
{
border-bottom: 2px solid #ffffff;
}

Le problème vient alors des publicités sur le forum, celles -ci se trouvent également soulignés au passage de la souris (encore ce détail ne serait pas gênant).
Mais à chaque survol, la partie du forum inférieure à la publicité est du même coup décalée de 2 pixels à chaque survol. Ça donne une impression "yoyo" sur la partie inférieur à cette publicité.

J'ai essayée plusieurs choses comme faire en sorte que la bordure de 2px soit toujours présente sans le survol mais transparente, mais ça ne fonctionne pas.

Code:

.mainmenu{
 height: 0px;
    background-color: none ;
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 4px;
    padding-right: 16px;
    border-bottom: 2px solid none;}

Après je ne vois pas trop quoi essayée malheureusement
Si quelqu'un à une idée je suis toute ouïe

Je vous remercie par avance !
Cordialement !

[Matriochka]

Bonjour,

C'est normal, mainmenu est attribué aux liens de la barre de navigation et au bandeau de pub. Du coup, si on veut appliquer seulement sur les liens de la barre, on doit utiliser :

Code:

a.mainmenu

Puisque a désigne les liens

C'est aussi simple que ça ^^

[So-Mush]

Exact !!
J'ai précédée de la façon suivante et le soucis a été réglé !!

Code:

a.mainmenu:hover{

border-bottom: 2px solid #ffffff;
}

merci beaucoup !!