Bonjour à tous ,

Mon problème est le suivant j'ai créer un div:"hidden" :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<div id="infos">
		<table id ="tableInfos">
			<tr>
				<td><img src="img/info.png" alt="Infos:" border="0"></td>
				<td><b><p style="vertical-align: middle;">Informations :</p></b></td>
			</tr>
			<tr>
				<td colspan="2">
					<div id="informations" style="height: 300px;"></div>
				</td>
			</tr>
		</table>
	</div>
Son code Css:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
#infos
{
	position: absolute; 
	visibility: hidden; 
	left:490px; 
	top:120px; 
	width: 300px;
}
Ce div s'affiche via une fonction javascript basique :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
function Write(nom, contenu)
	{
		document.getElementById(nom).innerHTML = contenu ;
		document.getElementById("infos").style.visibility = 'visible';
	}
 
function Hide()
	{
		document.getElementById("infos").style.visibility = 'hidden';
	}
Sur l'événement :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
<td>
					<a href ="#" onMouseOver="Write('informations', ' Je suis le test de l'affichage du DIV')" onMouseOut="Hide()"><img src="img/info.png" border="0"/></a>
				</td>
Toute fois sous firefox lorsque je positionne ma souris sur mon image le div apparait l'espace d'une micro seconde puis disparait. Lorsque je bouge ma souris sur l'image le div clignote ou peut se situer mon problème ?

Merci pour votre soutient .