Puoi fare cosi (solo x IE)

codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
.hiddenDiv {top:-1000px;left:-1000px;position:absolute;background-color:red;border:1px;border-color:green}
.word      {color:red;cursor:hand}
-->
</style>

<script language="JavaScript" type="text/javascript">
<!--
function view(parola) {
 switch (parola) {
  case 'note' :
	 view_note();
	 break;
	
	case 'sapreste' :
	 view_sapreste();
	 break;	
 } //  switch (parola)  
}

function hide() {
 document.getElementById('pluto').style.top  = -1000;
 document.getElementById('pluto').style.left = -1000;
 document.getElementById('pluto').innerHTML  = "";
}

function coords() {
 a = event.srcElement;
 status = a.tagName;
 document.getElementById('pluto').style.top  = a.offsetTop  + a.offsetHeight + 2;
 document.getElementById('pluto').style.left = a.offsetLeft + a.offsetWidth;
 document.getElementById('pluto').innerHTML = "";
}

function view_note() {
 coords();
 document.getElementById('pluto').innerHTML = "note :
 esempio : do, re, mi fa sol";
}

function view_sapreste() {
 coords();
 document.getElementById('pluto').innerHTML = "sapreste :
 2° persona del plurale al condizionale";
}
//-->
</script>

</head>
<body>
<div id="pluto" class="hiddenDiv">
</div>
<div id="pippo">
Salve ragazzi.. io vorrei fare una piccolo
 
rollover in modo che quando si passa con il
 
mouse su di una parola compaia un piccolo
 
riquadro con delle <span onmouseover="view('note')" onmouseout="hide()"  class="word">note</span> di testo all'interno.
 
Al di la di come passare le stringhe per il
 
testo <span onmouseover="view('sapreste')" onmouseout="hide()"  class="word">sapreste</span> indicarmi il modo
 
più semplice per creare questa finestrucola
 
in javascript?
 
Grazie... e a buon rendere.. a presto

</div> 

</body>
</html>