Text kommer för högt upp - problem med tooltip skript

Hej alla!

Jag använder mig av jojoxx tooltip skript (kod, exempel) och den här boxen som kommer upp vid onMouse är ca 40-50 px över själva länken i IE (i Fx är det som det ska vara). Hur får jag den att komma rätt? Jag undrar dessutom hur jag gör radbrytningar i texten. Har provat med \n och vanlig radbrytning men om jag gör det kommer inte texten upp!

Min modifierade kod...

<?php
echo "<strong><span style='color: red;'>*</span>Rubrik:</strong><span id='jxtooltip' style='position:absolute; visibility:hidden;'></span>
<a href='#'";
echo ' onMouseover="tooltip(';
echo "'Skriv här en passande rubrik till din guide.')";
echo ';" onMouseout="tooltip();">?</a>';
echo "<br />\n<input style='width: 80%;' type='text' name='rubrik' /><br /><br />\n
<strong>Underrubrik:</strong>
<a href='#'";
echo ' onMouseover="tooltip(';
echo "'Skriv, om du har, en underrubrik till din guide.')";
echo ';" onMouseout="tooltip();">?</a>';
echo "<br />
<input style='width: 80%;' type='text' name='subrub' /><br /><br />\n
<strong>Takeaway (kort sammanfattning):</strong>
<a href='#'";
echo ' onMouseover="tooltip(';
echo "'Skriv en kort sammanfattning som handlar om din guide. Om du inte skriver en sammanfattning kommer den inte att visas i den högra delen av sidan.')";
echo ';" onMouseout="tooltip();">?</a>';
echo "<br />";
?>

<script language="JavaScript">
var Xmouse, Ymouse;
var hidden = true;
var preMessage="<div style='background-color: lightgrey; border:1px solid black; font-size:12px;'>";
var postMessage="</div>";
function tooltip(message) {
	if(message){
		hidden = false;
		if (document.layers){
			with (document["jxtooltip"].document){
				open();
				write(preMessage + message + postMessage);
				close();
			}
		} else if (document.all) {
			document.all["jxtooltip"].innerHTML = preMessage + message + postMessage;
		} else if (document.getElementById){
//			jxdocrange = document.createRange();
//			jxdocrange.setStartBefore(document.getElementById("jxtooltip"));
//			while (document.getElementById("jxtooltip").hasChildNodes()){
//				document.getElementById("jxtooltip").removeChild(document.getElementById("jxtooltip").lastChild);
//			}
//			document.getElementById("jxtooltip").appendChild(jxdocrange.createContextualFragment(preMessage + message + postMessage));
			document.getElementById("jxtooltip").innerHTML = preMessage + message + postMessage;
		}
		moveLayer("jxtooltip",Xmouse-30,Ymouse+18);
		if (document.all) {
			document.all["jxtooltip"].style.visibility = "visible";
		} else if (document.layers){
			document.layers["jxtooltip"].visibility = "show";
		} else if (document.getElementById){
			document.getElementById("jxtooltip").style.visibility = "visible";
		}
	} else {
		hidden = true;
		if (document.all) {
			document.all["jxtooltip"].style.visibility = "hidden";
		} else if (document.layers){
			document.layers["jxtooltip"].visibility = "hide";
		} else if (document.getElementById){
			document.getElementById("jxtooltip").style.visibility = "hidden";
		}
		moveLayer("jxtooltip",0,0);
	}
}
function MoveHandler(evnt) {
	if(document.all) {
		Xmouse = window.event.x + document.body.scrollLeft;
		Ymouse = window.event.y + document.body.scrollTop;
	} else if(document.layers||document.getElementById){
		Xmouse = evnt.pageX;
		Ymouse = evnt.pageY;
	}
	if(!hidden){ moveLayer("jxtooltip",Xmouse-30,Ymouse+18); }
}
function moveLayer(Id,x,y){
	if (document.all){
		document.all[Id].style.left = x;
		document.all[Id].style.top = y;
	} else if (document.layers){
		document.layers[Id].left = x;
		document.layers[Id].top = y;
	} else if (document.getElementById){
		document.getElementById(Id).style.left = x+'px';
		document.getElementById(Id).style.top = y+'px';
	}
}
if (document.layers){
	document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = MoveHandler;
</script>

Alla svar uppskattas!

Tack på förhand och fortsatt trevlig påsk!