Problème avec un survol de lien

Bonjour tout le monde,

Voici mon problème que je rencontre :

Je définis un lien comme suit

<a href={"/artistes"|ezurl()} style="margin-left:149px;_margin-left:142px;margin-top:80px;_margin-top:92px;position:absolute;display:block;width:108px;height:20px;" class="lienMenu"></a>

je vais en fait en avoir plusieurs avec des tailles variables, c'est pour ca que j'inclus les attributs de taille et position dans le code et pas dans la feuille.

Par contre je voudrais que pour tous les liens de ce type (class lienMenu) la bordure du bas s'affiche au survol, j'ai donc placé ce qui suit dans ma feuille css :

.lienMenu:hover {
	border-bottom:2px solid grey;
}

Mais ca ne fonctionne, pas, j'ai essayé plusieurs combinaisons mais je ne m'en sors pas =(

Merci d'avance pour votre aide !
Modifié par vallica (07 Feb 2007 - 19:46)

.lienMenu a:hover {

	border-bottom:2px solid grey;

}

C'est pas plutot ça ?

non ca ne fonctionne pas non plus...

En fait je viens de tester et ça fonctionne chez moi ...

Je n'y arrive pas pourtant, tiens fais un affichage de la source la dessus : http://seb.vallica.free.fr/testmenu.html

<style type="text/css">
<!--
.lienMenu:hover {
	border-bottom:2px solid grey;
}
-->
</style>

Pourtant ... ça fonctionne

Bonsoir vallica,

Attention aux sélecteurs CSS :

1) .lienMenu a:hover

2) .lienMenu:hover

Le 1 et le 2 ne sont pas du tout équivalent.
1) personnalisation d'un élément a ayant un parent avec un attribut class égal à "lienMenu".
2) personnalisation d'un élément ayant un attribut class égal à "lienMenu"

Soit pour que le 1 fonctionne :

<p class="lienMenu"><a href="#">Lien</a></p>

Soit pour que le 2 fonctionne :

<a class="lienMenu" href="#">Lien</a>

Bonne continuation.
Romain

bon j'ai compris ca ne passe pas sous IE...