Try out the following code:
<html>
<body>
<table onMouseOut="alert('out');" width="50%" height="50%"
bgcolor=yellow><tr><td>
<table width="100%" height="100%"><tr valign=middle>
<td align=center bgcolor=lightblue>1</td>
<td align=center bgcolor=palegreen>2</td>
</tr></table>
</td></tr></table>
</body>
</html>
The outer table only has one cell which contains the inner table, and the
onMouseOut handler is associated with this outer table. Yet, the handler gets
triggered when you move between the cells of the inner table. Am I going
crazy, or is this some kind of bug in IE? I even tried wrapping the inner
table inside <div> tags, instead of an outer table and it did the same thing.
I would like to trigger the handler only when the mouse pointer leaves the
entire area, not each individual cell.
-Eric