[resolu]A:hover pour afficher du texte et cacher une image

Salut à tous.

Je veux avoir une image qui diparait lorsque je la survole pour laisser la place à une texte qui prend sa place.
pour cela j'utilise la fonction a:hover et la fonction display:none/block

cela donne ce code:

.miniature0 a div{ display:none;}
.miniature0 a:hover img {display:none}
.miniature0 a img {display: block}
.miniature0 li { padding-right:30px; list-style-type:none; float:left;}
.miniature0 a:hover div{width:140px; height: auto; position:relative;
left:0px; top:0px;  display:block ; background-color: #FFFFFF;
text-decoration:none; text-align: left; min-height:89px}

Et le html

<ul class="miniature0" style="margin-bottom: 0px">
	  
	  <li>
	  <a href="http://www.architecte.imatone.fr/">
<img src="image/MiniatureArchiinterieur.png" alt="architecte" border="none" />
	  <div >
	  <h4>Exemple</h4>
	  <div class="box">
	  bonjour
	  </div>
	</div>
	
	  </a></li>
</ul>

Sur FF les chose se passent bien (à peu prés) mais sur IE la photo ne veux pas diparaite lorsque l'on passe dessus.
je ne vois pas trés bien pourquoi auriez vous une idée?
Merci
Modifié par simon250 (08 Feb 2007 - 13:43)

On trouve tout son bonheur sur Alsa. En fait la réponse à ma question était déja sur les forums:
ici
http://forum.alsacreations.com/topic-4-20618-1-resolu-quotahover-spanquot-fonctionne-mais-pas-quotahover-i.html

Par contre si quelqu'un avait une explication du pourquoi de cette solution car elle me semble un peu relever du magique.
Et à priori elle répond à beaucoup de problème des utilisateur d'alsa.

Voila je laisse la parole aux gourous du forum
Modifié par simon250 (08 Feb 2007 - 03:17)