Bonjour!

J'ai un problème avec un code permettant d'afficher un petit popup au survol d'un lien. Ce popup est un div caché ou non.
Mais celui ci ne s'affiche pas correctement (il est à la bonne place au niveau des abscisses, mais son comportement au niveau des ordonnées est complètement chaotique: des fois bien trop haut, des fois trop bas...)

Code html :

Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
<a href="blabla.php" onmouseover='previsu(param1,param2,event)'>blabla</a>
<div id="popup"></div>

code CSS de mon DIV qui sert de popup
Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
#popup
{
	position:absolute;
	top: 5px;
	left:5px;
	width: 250px;
	height: 170px;
	font: .8em Arial, sans-serif;
	padding: 5px;
	visibility: hidden;
	border: 1px black solid;
	clip: auto;
	overflow: hidden;
}

Code javascript (simplifié)

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
 
function previsu(param1,param2,event)
{
if(!event)
event = window.event;
 
	xpos = event.clientX;
	ypos = event.clientY;
 
//bla bla bla....
var previsu = document.getElementById("popup");
previsu.innerHTML = xhr.responseText;
previsu.style.top = ypos + 10 + "px";
previsu.style.left = xpos + 10 + "px";
previsu.style.visibility = "visible";
 
}
Merci d'avance!