div+css 导航条 下拉菜单不隐藏.doc

div+css 导航条下拉菜单不隐藏
浏览次数:389次悬赏分:5 | 解决时间:2011-3-3 07:51 | 提问者:ibanezxp
就是想鼠标放在“首页"按钮上那个“下拉1”才显示
现在不知道怎么的它不放在上面也一直显示
以下是代码:
这个是网页的:
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="y/huaxuehuagongxueyuan/" id="">首页</a>
<ul>
<li><a href="#">下拉1</a></li>
<li><a href="#">下拉1</a></li>
</ul>
</li>
<li><a href="#">学院简介</a></li>
<li><a href="#">师资队伍</a></li>
<li><a href="#">学科建设</a></li>
<li><a href="#">教学工作</a></li>
<li><a href="#">科研工作</a></li>
<li><a href="#">研究生教育</a></li>
<li><a href="#">党建工会</a></li>
这个是css的:
#container {
width : 900px;
border : 5px solid #fff;
margin-left : auto;
margin-right : auto;
padding : 10px;
color : #666;
background : #f2f2f5;
}
/*TOP BANNERs*/
#banner {
float : left;
width : 100%;
height : 160px;
padding : 0;
margin-bottom : 15px;
color : #666;
background : inherit;
}
#bannerb {
float : right;
width : 200px;
margin : 0 0 15px 10px;
padding : 0;
color : #666;
background : #f2f2f5;
}
/*TOP MENU*/
#navcontainer {
clear : both;
position: relative;
width : 100%;
font-size:8px;
}
#navcontainer ul {
float : left;
width : 100%;
padding-left : 0;
margin-left : 0;
background : #036;
color : #fff;
}
#navcontainer ul li {
display : inline;
}
#navcontainer ul li a {
float : left;
padding : 1em;
text-decoration : none;
border-right : 1px solid #fff;
backg