Probléme de mini pop up

Bonjour,
J'ai besoin d'une petite aide car j'ai un script qui me permet d'afficher une petite pop up au passage sur un lien ou une image. celui-ci marche trés bien quand il y a que du texte mais maintenant je veus l'utiliser dans un formulaire mais le probléme et que la popup passe devant le texte la cote mais passe derriere les champ du formulaire. si quelqu un a une solution car je suis debutant en java et je n'arrive pas a trouver la solution. voici le code :

 

//jobduweb.com

<br>
 <DIV class=popper id=topdeck></DIV>
 <script type="text/javascript">
 
popup = document.getElementById;

if (popup) {
	skn = document.getElementById("topdeck").style;

	if(navigator.appName.substring(0,3) == "Net")
		document.captureEvents(Event.MOUSEMOVE);

	document.onmousemove = get_mouse;
}



function poptexte(msg) {
var content ="<TABLE WIDTH=300 HEIGHT=10 BORDER=0 CELLPADDING=0 CELLSPACING=0 style='border-top: solid #868CD6 2px; border-left: solid #868CD6 2px; border-right: solid #868CD6 2px; border-bottom: solid #868CD6 2px;' ><TR><TD><TABLE WIDTH=100% HEIGHT=100% BORDER=0 CELLPADDING=10 CELLSPACING=0 BGCOLOR=#CCCFFC></TD><TD valign=top><FONT COLOR=#000000 SIZE=1 face='Verdana'><p align=left><BR>"+msg+" <BR>&nbsp;</p></TD></TR></TABLE></TD></TR></TABLE>";

if (popup) {
	  	document.getElementById("topdeck").innerHTML = content;
	  	skn.visibility = "visible";
	}
}

function get_mouse(e) {
	var x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
	var y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
	skn.top = y+20;
	/* pour ne pas que la boite dépasse à droite et à gauche */
	if (x >= 670)
		skn.left = 670-100;
	else {
		if (x <= 250)
			skn.left = 250-100;
		else
			skn.left = x-100;
	}
}
function kill() {
	if (popup)
  		skn.visibility = "hidden";
}
</script>
 
  
 
 
 <a onMouseOver="poptexte('<table width=300> gfhhfghfhdfdhfdhfghfg<tr></tr></table>');" onmouseout="kill()">gsdkhgksjdhkjskgs</a></div></td>