代码如下:

<style type="text/css">

#ab{margin:0 25px;position:relative;border:1px solid;

font:bold;text-decoration:none;list-style:none;}

a:hover{display:block;color:#000;width:50px;}

#cd{display:none;}

a:hover #cd{

display:block;background:#edecdc;

border:1px solid #f3f3f8;

padding:10px 20px;color:#009933;

}

</style>

<a href="" title="" id="ab">

移到这里试试!

<span id="cd">这里是提示信息!</span>

<span id="cd">这里是提示信息!</span>

</a>

<a href="" title="" id="ab">

移到这里试试!

<span id="cd">这里是提示信息!</span>

<span id="cd">这里是提示信息!</span>

</a>

<!--

1.菜单要包裹<a></a>中,因为ie6只支持a:hover效果 

2.a:hover要打开display:block:

3.选择器要相互关联,如：a#cd:hover span{}

4.使用table表格

-->