[résolu] Probléme IE et hover sur un lien

crocxx

30 Mar 2008 à 17:22

Bonjour,
En faite je voulait faire un petit effet sur mes liens en mettant une bordure en bas de chaque lien de mon menu.

Le site: http://www.37studio.fr/

Le code html:

<ul id="menu">
	<li><a href="/">Accueil</a></li>
	<li><a href="/competences.php">Compétences</a></li>
	<li><a href="/realisations.php">Réalisations</a></li>
	<li><a href="/experience.php">Expérience</a></li>

	<li><a href="/favoris.php">Favoris</a></li>
	<li><a href="/contact.php">Contact</a></li>
</ul>

Le code CSS:

ul#menu{
  height                 : 2em;
  line-height            : 2em;
  margin                 : 0;
  position               : absolute;
  right                  : 15px;
  top                    : 130px;
}
ul#menu li {
  position               : relative;
  float                  : left;
  list-style-type        : none;
  margin-right           : 15px;
}
ul#menu li a{
  color                  : #555;
  font-size              : 1.1em;
  font-weight            : bold;
  height                 : 100px;
  padding-bottom         : 3px;
  background             : #fff;
  text-decoration        : none;    
}

ul#menu li a:hover{
  border-bottom          : 3px solid #f60;
}

Sur IE le hover n'a aucun d'effet alors que sur FF et Opera cela fonctionne normalement.

Quelqu'un sait 'il pourquoi et connait il une solution.

Merci d'avance
Modifié par crocxx (30 Mar 2008 - 21:34)

gcyrillus

Modérateur

30 Mar 2008 à 18:47

bonjour,

retire le height:100px a <a> , qui n'a aucun effet.

ajoute au choix :