层的显示与隐藏急----请高手赐教
<HTML>
<BODY>
<div id=mydiv onmouseout='cls()' style="width:200px;height:200px;background-color:seashell">
<table cellpadding="0" cellspacing="0" border="1" frame=box>
<tr style="height:30px"><td>密码管理</td></tr>
<tr style="height:30px"><td>外观选择</td></tr>
<tr style="height:30px"><td>权限设置</td></tr>
<tr style="height:30px"><td>退出系统</td></tr>
</table>
</div>
</BODY>
</HTML>
<script>
function cls()
{mydiv.style.visibility='hidden'}
</script>
当鼠标离开层的时间,层会隐藏;但当从'密码管理' 到'外观选择' 过程中,层会自动隐藏,什么原因
怎样才能做到,只要鼠标离开层,层才会隐藏,否则一直显示