菜鸟问题：怎么样控制隐藏和显示一个div呢？

[allforly]

如题目所写，例如：鼠标悬停在一个超连接上时就显示一个div，但鼠标离开超连接和显示出来的div时就隐藏它，如果鼠标只是离开超连接而不是离开div，那么div就不隐藏。请问这段代码应该怎么写呢？
先谢谢了

[孟子E章]

<div id="mxh" style="display:none">test</div>
<a href="" onmouseover="mxh.style.display=''" onmouseout="mxh.style.display='none'">test</a>

[孟子E章]

<a href="" onmouseover="mxh.style.display=''" onmouseout="mxh.style.display='none'">test</a>
<div id="mxh" style="display:none">显示与隐藏</div>

[qiushuiwuhen]

<a title="sth" href="."

[emu]

<a href="#" title="菜鸟问题：
怎么样控制隐藏和
显示一个div呢？">test</a>

[emu]

<a href="#" onmouseover="div1.style.display='inline'" onmouseout="div1.style.display='none'">test
<div style="display:none;font-size=12;background-color:#FDFEE7;color:red;text-decoration: none" id="div1"><BR>菜鸟问题：<BR>怎么样控制隐藏和<BR>显示一个div呢？</div></a>