[IE] Problème commentaires au survol

Bonjour

Je me suis basé sur le tuto présenté sur le site, mais j'ai remplacé les <ul><li> par des span, tout simplement parce que je n'ai que deux commentaires à afficher, et dans des styles différents, donc une liste me semblait peu adaptée...

Le code donne ceci :

.scrollhh a{
	position:relative;
	background-image:url(../images/scrollhh.jpg);
	background-repeat:no-repeat;
	display:block;
	width:20px;
	top:220px;
	line-height:20px;
	border:0;
	text-decoration:none;
	}
.scrollhh a span {
	display: none;
	}
.scrollhh a:hover span{
	display: block;
	position: absolute;
	top: 0;
	left: 20px;
	width: 80px;
	text-align: center;
	font-size:11px;
	border: 1px solid #EEEBDB;
	color: #EEEBDB;
	background-color:#799B69;
}

scrollhh n'est autre qu'un bouton de retour en haut de page, et par clareté j'ai voulu y mettre un commentaire :

<span class="scrollhh"><a href="#top" target="_self">&nbsp;<span>Haut de page</span></a></span>

Bilan : sur Firefox ça passe impeccable, sous IE la bulle ne s'affiche pas...

Je crois savoir que l'atttribut hover dans IE ne marche que sur un lien, est ce la source du problème ?(pourtant c'est imbriqué dans un lien )
Modifié par Freedom_09 (26 Mar 2006 - 10:42)

rebonjour, j'ai tout refait de zéro, ça marche sur FF et IE (pas testé les autres...)

Mais je serais tout de même curieux de comprendre l'aberration que je dois faire pour que ça fonctionne :

a.scrollhh{
	position:absolute;
	display: block ;
	width: 200px ;
	line-height: 20px ;
	text-decoration: none ;
	top:200px;
	border: 0;
	background: url(../images/scrollhh.jpg) no-repeat 0 0 ;
	}
[b]a.scrollhh:hover{
	background: url(../images/scrollhh.jpg) no-repeat 0 -20 ;
	}[/b]
a.scrollhh span{display:none ;}
a.scrollhh:hover span{
	display: block;
	position: absolute;
	top: 0px;
	left: 20px ;
	width: 80px;
	text-align: center;
	font-size:11px;
	border: 1px solid #EEEBDB;
	color: #EEEBDB;
	background-color:#799B69;} 

Dans la page :

<a href="" target="_self" class="scrollhh"> <span>Haut de page</span></a>

La zone que j'ai mise en gras me laisse perplexe : si je la retire ou si je modifie le -20 en 0, le commentaire ne s'affiche plus au survol sous IE ...
Si quelqu'un comprend...

Merci beaucoup pour l'idée du zoom:1; celà m'évite de multiplier les classes (background...) pour corriger ce petit défaut.

Celà fonctionne aussi avec la deuxième solution que j'ai employé, qui a le mérite de supprimer une balise <span>... Merci pour ton aide.