onmouseover控制对应DIV 显示和隐藏出现了问题，不知如何修正？
<script type="text/javascript" language="javascript">function show(id) {
document.getElementById(id).style.display = "block";
}
function hidden(id) {
document.getElementById(id).style.display = "none";
}
</script>
<a onmouseover="show('mishu')" >秘书部</a>
<a onmouseover="show('wailian')">外联部</a>
<div id="mishu" style="width:400px;height:190px; display:none;" onmouseout="hidden(id)"><a>秘书部的风采</a><br /><a>秘书部的动态</a></div>
<div id="wailian" style="width:400px;height:190px;display:none;" onmouseout="hidden(id)" ><a>外联部的风采</a><br /><a>外联部的动态</a></div>
基本上没什么问题，只是鼠标一旦移出来，DIV就没了，而div中还有要选择的链接，怎么办啊？
