Eventhandler på listbox

Hej

Hvordan får jeg en onmouseover til at køre på en listbox, så når der scrolles ned over elementerne kommer der en popup?

<div id="diven" style="position:absolute;visibility:hidden;border:1px solid black;font-size:12px;layer-background-color:lightyellow;background-color:lightyellow;padding:1px"></div>

<OPTION onMouseover="showpopup(this,event,'Du har valgt nummer 2')" onMouseOut="hidepopup()">nummer 2</OPTION>

sådan gør jeg, med en funktion der modtager kaldet:

function showpopup(current,e,num)
        {       
              elm=document.getElementById("diven")
              elml=current
              elm.innerHTML=num
              elm.style.height=elml.style.height
              elm.style.top=parseInt(elml.offsetTop+elml.offsetHeight)
              elm.style.left=parseInt(elml.offsetLeft+elml.offsetWidth+10)
              elm.style.visibility = "visible"
          }
function hidepopup(){
 
 
      elm.style.visibility="hidden"
    }

Hvorfor kan jeg ikke tilføje en ny popup ved hver <option>?