修改后的菜单变的不好点了~~消失的太快！

我把“菜单一”修改了一下，改成横向的了，就是加了 table 标签，可是级连出的菜单变的非常不好点，消失的太快了！

“菜单二”是原来的代码，没有问题~~~

请教大家，是哪的问题啊？该怎么修改呢？

代码如下：

<SCRIPT language=javascript>
<!--
function out()
{
if(window.event.toElement.id!="menu" && window.event.toElement.id!="link")
menu.style.visibility="hidden";
}
//-->
function out1()
{
if(window.event.toElement.id!="menu1" && window.event.toElement.id!="link")
menu1.style.visibility="hidden";
}
//-->
</SCRIPT>

<div id="back" onmouseout="out()"style="position:absolute;top:225;left:250;width:160;height:40;z-index:1;visibility:visible;">
<span id="menubar" onmouseover="menu.style.visibility='visible'">
<font color=red size=2>菜单一</span>
<div border=1 id="menu" style="position:absolute;top:15;left:0;width:75;height:10;z-index:2;visibility:hidden;">
<table><tr><td><a id="link" href="LINK1.htm">LINK1</a></td><td><a id="link" href="LINK2.htm">LINK2</a></td></tr></table>
</div>
</div>
<div id="back" onmouseout="out1()"style="position:absolute;top:225;left:330;width:160;height:40;z-index:3;visibility:visible;">
<span id="menubar" onmouseover="menu1.style.visibility='visible'">
<font color=red size=2>菜单二</span>
<div border=1 id="menu1" style="position:absolute;top:15;left:0;width:50;height:10;z-index:4;visibility:hidden;">
<a id="link" href="LINK1.htm">LINK1</a>
<a id="link" href="LINK2.htm">LINK2</a>
</div>
</div>