[Javascript] ONMOUSEOUT being triggered too many times

[Andrew Gibson]

I didn't think you could have a mouseover event on a <div> ?

 > I have a DIV with a TABLE in it that I'm using as a popup menu.
 > Its initially HIDDEN and becomes VISIBLE when the cursor moves 
 > over a link.
 > So when the mouse leaves the DIV I want the menu to become HIDDEN again.
 > Sounds easy but the problem is that I'm getting the ONMOUSEOUT 
 > event being 
 > triggered when the cursor
 > moves from one table row to the next, followed by another 
 > ONMOUSEOVER as it 
 > enters the next row.
 > 
 > Here's sample code demonstrating the problem:
 > 
 > <DIV ID=menu STYLE='position: absolute; left: 200px; top: 
 > 300px;visibility: 
 > visible'
 > onmouseover='alert("in");' onmouseout='alert("out");'>
 > <TABLE WIDTH=120 BORDER=1 CELLPADDING=0 CELLSPACING=0>
 > <TR><TD>option1</TD></TR>
 > <TR><TD>option2</TD></TR>
 > </TABLE>
 > </DIV>
 > 
 > 
 > regards
 > Lau
 > 
 > 
 > 
 > 
 > _________________________________________________________________
 > Get your FREE download of MSN Explorer at 
 > http://explorer.msn.com/intl.asp
 > 
 > _______________________________________________
 > Javascript mailing list
 > Javascript at LaTech.edu
 > http://www.LaTech.edu/mailman/listinfo/javascript
 >