这样菜单效果如何实现？
主菜单：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