急求解决方法 鼠标移动太快时 onmouseout事件无法触发

Question

js代码：
<script type="text/javascript">
  function changeIcon(elementStr,id)
{
elementStr.style.display = "none";
document.getElementById(id).style.display = "";
}
</script>html：
<table id="map_statr" cellpadding="0" cellspacing="0" onmouseover="changeIcon(this,'map_end')" style="padding-left: 5px">
<tr>
<th style="width:7px"></th>
<td><img src="images/IcoAndBtn/ico_34.png" style="vertical-align:middle;">地图</td>
<td style="width:4px"></td>
</tr>
</table>
<table id="map_end" cellpadding="0" cellspacing="0" onmouseout="changeIcon(this,'map_statr')" style="display: none;padding-left: 5px">
<tr>
<th style="width:7px"><img src='images/IcoAndBtn/btn2_1.png'></th>
<td style="background-image: url(images/IcoAndBtn/btn2_2.png);width:atuo"><img src="images/IcoAndBtn/ico_34.png" style="vertical-align:middle;">地图</td>
<td style="width:4px"><img src='images/IcoAndBtn/btn2_3.png'></td>
</tr>
</table>有时鼠标移动太快，onmouseout事件无法触发