[Résolu] Mes HOVER ne fonctionnent pas ?!

Bonjour à tous,

Je ne comprends pas pourquoi tous mes Hover ne fonctionnent pas sous IE5 alors que sous IE6 et IE7 tout fonctionne parfaitement... même sous FF ?!

Voici un lien : http://lebateauivre01.free.fr/sitebi2006/6particuliers/2accueilpart06.php?page=association

Mon code CSS :

a {text-decoration: none ;}
a:hover {background: none ;}
a span {display: none ;}
a:hover span {position: absolute ;display: inline ;z-index: 2 ;}

a:hover span.commentg01 {position: absolute ;text-align: center ;top: -55px ;left: -2px ;width: 280px ;
font: 11px "verdana", helvetica, sans-serif ;font-style: italic ;color: #fff ;font-weight: bold ;z-index: 20 ;}
a:hover span.commentg02 {position: absolute ;text-align: center ;top: -55px ;left: -68px ;width: 280px ;
font: 11px "verdana", helvetica, sans-serif ;font-style: italic ;color: #fff ;font-weight: bold ;z-index: 20 ;}
a:hover span.commentg03 {position: absolute ;text-align: center ;top: -55px ;left: -136px ;width: 280px ;
font: 11px "verdana", helvetica, sans-serif ;font-style: italic ;color: #fff ;font-weight: bold ;z-index: 20 ;}
a:hover span.commentg04 {position: absolute ;text-align: center ;top: -55px ;left: -204px ;width: 280px ;
font: 11px "verdana", helvetica, sans-serif ;font-style: italic ;color: #fff ;font-weight: bold ;z-index: 20 ;}

a:hover span.photoenhover01 {top: -362px ; left: -2px ;border: 0;}
a:hover span.photoenhover02 {top: -362px ; left: -68px ;border: 0;}
a:hover span.photoenhover03 {top: -362px ; left: -136px ;border: 0;}
a:hover span.photoenhover04 {top: -362px ; left: -204px ;border: 0;}

a#photoassociationpart01 {position: absolute ;
background-image: url('http://lebateauivre01.free.fr/sitebi2006/6particuliers/images/association01_small.jpg');
height: 45px ;width: 58px ;cursor: default ;}
a#photoassociationpart02 {position: absolute ;
background-image: url('http://lebateauivre01.free.fr/sitebi2006/6particuliers/images/association02_small.jpg');
height: 45px ;width: 58px ;left: 68px ;cursor: default ;}
a#photoassociationpart03 {position: absolute ;
background-image: url('http://lebateauivre01.free.fr/sitebi2006/6particuliers/images/association03_small.jpg');
height: 45px ;width: 58px ;left: 136px ;cursor: default ;}
a#photoassociationpart04 {position: absolute ;
background-image: url('http://lebateauivre01.free.fr/sitebi2006/6particuliers/images/association04_small.jpg');
height: 45px ;width: 58px ;left: 204px ;cursor: default ;}

Mon code HTML :

<a id="photoassociationpart01" href="http://lebateauivre01.free.fr/sitebi2006/6particuliers/2accueilpart06.php?page=association">
<span class="photoenhover01">
<img src="http://lebateauivre01.free.fr/sitebi2006/6particuliers/images/association01.jpg" /></span>
<span class="commentg01">Logo de 1993 à 2005</span></a>

<a id="photoassociationpart02" href="http://lebateauivre01.free.fr/sitebi2006/6particuliers/2accueilpart06.php?page=association">
<span class="photoenhover02">
<img src="http://lebateauivre01.free.fr/sitebi2006/6particuliers/images/association02.jpg" /></span>
<span class="commentg02">Premi&egrave;re action en 1994</span></a>

<a id="photoassociationpart03" href="http://lebateauivre01.free.fr/sitebi2006/6particuliers/2accueilpart06.php?page=association">
<span class="photoenhover03">
<img src="http://lebateauivre01.free.fr/sitebi2006/6particuliers/images/association03.jpg" /></span>
<span class="commentg03">Projet non abouti en 1998 pour les 50 ans de la 
D&eacute;claration universelle <br>des Droits de l&#146;homme</span></a>

<a id="photoassociationpart04" href="http://lebateauivre01.free.fr/sitebi2006/6particuliers/2accueilpart06.php?page=association">
<span class="photoenhover04">
<img src="http://lebateauivre01.free.fr/sitebi2006/6particuliers/images/association04.jpg" /></span>
<span class="commentg04">Visuel des saisons th&eacute;&acirc;trales &agrave; 
l&#146;Espace Saint-Jean de Melun depuis 1997</span></a>

Merci à celui, à ceux qui éclaireront ma lanterne !
A+
Modifié par Billy Deylord (30 May 2007 - 16:56)

Salut,

Je pense que si tu indente ta feuille de style pour la rendre plus lisible à l'attention de ceux qui sont susceptibles de t'aider, tu auras plus de réponses.

Ceci dit à la vue des statistiques d'utilisations de navigateurs (premier tableau de la page et première ligne, en avril, 1.7% d'internautes utilisent encore IE5), est-il encore utile de le prendre en compte pour un simple effet de rollover, si le site reste malgré tout fonctionnel ?

Entièrement d'accord avec Mikachu. Te prends pas la tête pour un petit détail loin d'être important, surtout pour IE5. Teste des sites sous IE5, tu verras que la moitié est complètement buggué. A partir du moment où les sites ne fonctionnent plus, l'utilisateur changera de navigateur. . Vivement le jour où on pourra enfin oublier IE6 !!!! Là ce sera une grande avancé

Merci raffoul et Mikachu pour votre réponse.
Je pense que je vais faire ça : "zapper IE5".
J'ai regardé les stats de mon site et même en 2006, IE5 représentait seulement 1,8% des visiteurs.