Infobulle fonctionne parfaitement sous FF 3.0 mais pas sous IE 8.

[JeanJean75]

Bonjour.

Je viens vous faire par de mon problème.

En effet, j'ai à faire une infobulle avec dans l'infobulle une image cliquable.

HTML : 

<a href="#" class="infobulle1"><img src="images/sectpriv.gif" alt="infobulle1" align="middle" /><span><div id="bulle"><a href="traduction2.html"><img src="images/apressen.gif" alt="" align="left" onmouseover="this.src='images/apresser.gif'" onmouseout="this.src='images/apressen.gif'" /></a></div>
   	  </span>

CSS : 

/*INFOBULLE*/

a.infobulle1 { /* Infobulle numéro 1 */
	position: relative;
	color: black;
	text-decoration: none;
}

a.infobulle1 span { /* Quand la souris ne passe pas sur l'image */
	display: none; /* on masque l'infobulle */
}

a.infobulle1:hover {
	background: none; /* correction d'un bug IE */
	z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}

a.infobulle1:hover span {
	display: inline; /* on affiche l'infobulle */
	position: absolute;
	white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
	top: 30px; /* on positionne notre infobulle */
	left: 0px;
	background: white;
}

#bulle  {

	display: inline; /* on affiche l'infobulle */
	position: absolute;
	white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
}

Elle marche très bien sous Firefox, mais sous IE, elle ne se place pas au même endroit et le "display: none; /* on masque l'infobulle */" ne fonctionne pas car elle est toujours affiché. :/

Je me suis aidé du tuto du site du Zéro pour savoir comme améliorer une infobulle.

Voilà, c'est à vous, merci d'avance.

[JeanJean75]

Résolus, j'ai réécris le script et hop ça marche.

[Dadou]

Ce serait sympa de faire profiter tout le monde de la solution

[JeanJean75]

Y a pas trop de réponse, j'ai tout réécrit en fouinant sur le web.

[Dadou]

Justement le code récrit est la réponse