这样菜单效果如何实现？
主菜单：1、首页 2、网站
相应的源码如下：
<ul>
<li class= "mainmenu "> <a href= "# "> 首 页 </a> </li>
<li class= "mainmenu "> <a href= "# "> 网站 </a> </li>
</ul>
相应的CSS如下：
ul
{
margin: 0;
padding: 0;
list-style: none;
}
.mainmenu{float:left;}
a
{
display: block;
line-height: 1.8em;
text-decoration: none;
width: 80px;
}
我想在鼠标移动到“网站”菜单时，在紧挨其下面显示下列一个菜单：上面有两项内容：1、搜狐 2、网易
相应的代码如下：
<div id= "submenu " >
<ul>
<li> <a href= "http://www.sohu.com/ "> 搜狐 </a> </li>
<li> <a href= "http://www.163.com/ "> 网易 </a> </li>
</ul>
</div>
不知该如何实现，请高手指教，谢谢！！！
[解决办法]
写在一个层里面好了；网上这样的代码很多的
[解决办法]
参考：
http://community.csdn.net/Expert/topic/5554/5554283.xml?temp=.9607355
