首页导航栏上第一行的下拉菜单被第二行导航栏挡住了，请问该怎样改代码才不被第二行导航栏挡住，谢谢！！！我的网站的首页上方共有二行导航栏，当点第一行的栏目标题时，可出现下拉菜单，但总被第二行导航栏挡住，请问该怎样改代码才不被第二行导航栏挡住，谢谢！！ 相关代码如下：
top.asp文件如下<center>
<!--[if lte IE 6]>
<style type="text/css">
table {border-collapse:collapse;margin:0; padding:0;}
.menu ul li a.hide, .menu ul li a:visited.hide {display:none;}
.menu ul li a:hover {color:#ffffff; background:#FF77BB;}
.menu ul li a:hover ul {display:block; position:absolute; top:32px; left:0; width:82px;}
.menu ul li a:hover ul li a {background:#FF77BB; color:#ffffff;}
.menu ul li a:hover ul li a:hover {background:#dfc184; color:#ffffff;}
</style>
<![endif]-->
<center>
<img src="images/5.jpg" />
<div class="menu">
<ul>
<li><a class="hide" href="./">首页</a>
<!--[if lte IE 6]>
<a href="./">首页
<table><tr><td>
<![endif]-->
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<%
set rsbigclass=server.createobject("adodb.recordset")
rsbigclass.open "select * from bigclass",conn,1,1
do while not rsbigclass.eof
%>
<li>
<%if rsbigclass("urlok")=true then%>
<a class="hide" href="<%=rsbigclass("url")%>" target="_blank"><%=rsbigclass("bigclassname")%></a>
<%else%>
<a class="hide" href="otype.asp?classid=<%=rsbigclass("bigclassid")%>"><%=rsbigclass("bigclassname")%></a>
<%end if%>
<!--[if lte IE 6]>
<%if rsbigclass("urlok")=true then%><a href="<%=rsbigclass("url")%>" target="_blank"><%=rsbigclass("bigclassname")%><%else%><a href="otype.asp?classid=<%=rsbigclass("bigclassid")%>"><%=rsbigclass("bigclassname")%><%end if%>
<table><tr><td>
<![endif]-->
<ul>
<%set rssmallclass=server.createobject("adodb.recordset")
rssmallclass.open "select * from smallclass where bigclassname='" & rsbigclass("bigclassname") & "'",conn,1,1
if not(rssmallclass.bof and rssmallclass.eof) then
do while not rssmallclass.eof
%>
<li><a href="otype.asp?classid=<%=rsbigclass("bigclassid")%>&boardname=<%=server.urlencode(""&rsSmallClass("SmallClassName")&"")%>"><%=rssmallclass("smallclassname")%></a></li>
<%rssmallclass.movenext
loop
end if
rssmallclass.close
set rssmallclass=nothing
%>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<% rsbigclass.movenext
loop
rsbigclass.close
set rsbigclass=nothing%>
<li></li>
</ul>
</div>
</center>
-------------------------------
css.css文件如下BODY {
FONT-SIZE: 12px; margin:0px;
}
body {FONT-SIZE: 12px; margin:0px;}
form {margin:0px; padding:0px;}
A:link {FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none}
A:visited {FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none}
A:hover {FONT-SIZE: 12px; COLOR: #FF0000; TEXT-DECORATION: underline}
.menu {font-family: arial, sans-serif; width:985px; margin:0px; }
.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float:left; position:relative;}
.menu ul li a, .menu ul li a:visited {display:block; text-align:center; text-decoration:none; width:81px; height:30px; color:#fff; border:1px solid #fff;border-width:1px 1px 0 0;background:#c9c9a7;background-image:url(../images/menu-hbg.gif);
line-height:32px; font-size:11px;}
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#fff; background:#b3ab79;}
.menu ul li:hover ul {display:block; position:absolute; top:31px; left:0; width:120px;}
.menu ul li:hover ul li a {display:block; background:#faeec7; color:#000;}
.menu ul li:hover ul li a:hover {background:#dfc184; color:#000;}
ul{list-style:none; margin: 0 0px 0 0;}ul.gonggao{float: left; text-align:left; width:400px; height:22px; font-size: 12px;}
ul.gonggao li{line-height:23px; width:100%; text-align:right;}
ul.gonggao li span{float: right; color:#FF0000; padding-right:1px;}
ul.gonggao li A {TEXT-DECORATION: none}ul.tuijian{float: left; text-align:left; width:480px; font-size: 12px; padding-left:2px;}
ul.tuijian li{line-height:23px; width:98%; text-align:left; BORDER-bottom: #999999 1px dotted;}
ul.tuijian li span{float: right; padding-right:1px;}
ul.tuijian li A {TEXT-DECORATION: none}
ul.tuijian li img {margin-top:5px;}ul.newslist{float: left; text-align:left; width:370px; font-size: 12px;}
ul.newslist li{line-height:23px; width:99%; text-align:left; BORDER-bottom: #999999 1px dotted;}
ul.newslist li span{float: right; padding-right:1px;}
ul.newslist li A { TEXT-DECORATION: none}
ul.newslist li img {margin-top:5px;}.i_news {color:#999999;}
.i_news1{color:#ff0000;}ul.Download{float: left; text-align:left; width:210px; font-size: 12px; padding-left:2px;}
ul.Download li{line-height:22px; width:210px; text-align:left; BORDER-bottom: #999999 1px dotted;}
ul.Download li span{float: right; color:#FF0000; padding-right:1px;}
ul.Download li A {TEXT-DECORATION: none}
ul.zhiding{float: left; text-align:left; width:210px; font-size: 12px; padding-left:2px;}
ul.zhiding li{line-height:23px; width:210px; text-align:left; BORDER-bottom: #999999 1px dotted;}
ul.zhiding li span{float: left; background:url(../images/no_list_bg.gif) 0.6px 27px repeat-y; width:20px; text-align:center}
ul.zhiding li A {TEXT-DECORATION: none}
#left_title{width:210px; font-weight:bold; background-image:url(../images/menu-hbg.gif); line-height:38px;}#top2{width:900px;}
#top2 li{float:left}
.hemo_new{width:375px; height:31px; margin:1px auto 0px; background:url(../images/topline_botbg.gif) 0px -20px repeat-x; border:1px solid #DDD;}
.turl {
BORDER-RIGHT: #cedece 1px solid; BORDER-TOP: #cedece 1px solid; BORDER-LEFT: #cedece 1px solid; BORDER-BOTTOM: #cedece 1px solid
}
.tit {color: #000000; font-size: 18px; line-height: 22px; font-weight:bold}td {font-family: "Verdana", "Helvetica", "sans-serif";font-size: 12px; color: #000000;text-decoration: none;line-height: 140%;}SELECT {BORDER-RIGHT: #6188AF 1px solid; BORDER-TOP: #6188AF 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #6188AF 1px solid; COLOR: #000000; BORDER-BOTTOM: #6188AF 1px solid; BACKGROUND-COLOR: #ffffff}.table {BORDER-RIGHT: #6188AF 1px solid; BORDER-TOP: #6188AF 1px solid; BORDER-LEFT: #6188AF 1px solid; BORDER-BOTTOM: #6188AF 1px solid}.title {background-color: #E1E1E1;}.hittd {font-family: "Verdana", "Helvetica", "sans-serif";font-size: 11px;}.input {BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #ffffff;font-family: "Verdana"; height:18px;}.button{
border-bottom:1px;
border-left:1px;
border-right:1px;
border-top:1px;
border-style:solid;
border-color:#6188AF;
font-size:12px;
color:#000000;
background:#FFFFFF;
font-family: "Verdana";
}
.wenzhang { FONT-SIZE: 12px; LINE-HEIGHT: 26px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
.tab_k{BORDER-RIGHT: #EBEBEB 1px solid; BORDER-LEFT: #EBEBEB 1px solid; BORDER-BOTTOM: #EBEBEB 1px solid}
.zi_y{FILTER: DropShadow(Color=#ffffff, OffX=1, OffY=1, Positive=1); PADDING-TOP: 2px}
.right_tab{BORDER-RIGHT: #cecfce 1px solid; BORDER-TOP: #cecfce 1px solid; BORDER-LEFT: #cecfce 1px solid; BORDER-BOTTOM: #cecfce 1px solid}
A.a01:link { COLOR: #ff0000; TEXT-DECORATION: none}
A.a01:visited { COLOR: #ff0000; TEXT-DECORATION: none}
A.a01:hover { COLOR: #83D060; TEXT-DECORATION: underline}
A.a01:active { COLOR: #666666; TEXT-DECORATION: underline}A.a02:link { COLOR: #0000FF; TEXT-DECORATION: none}
A.a02:visited { COLOR: #0000FF; TEXT-DECORATION: none}
A.a02:hover { COLOR: #83D060; TEXT-DECORATION: underline}
A.a02:active { COLOR: #666666; TEXT-DECORATION: underline}A.a03:link { COLOR: #00FFFF; TEXT-DECORATION: none}
A.a03:visited { COLOR: #00FFFF; TEXT-DECORATION: none}
A.a03:hover { COLOR: #83D060; TEXT-DECORATION: underline}
A.a03:active { COLOR: #666666; TEXT-DECORATION: underline}A.a04:link { COLOR: #FF9900; TEXT-DECORATION: none}
A.a04:visited { COLOR: #FF9900; TEXT-DECORATION: none}
A.a04:hover { COLOR: #83D060; TEXT-DECORATION: underline}
A.a04:active { COLOR: #666666; TEXT-DECORATION: underline}A.a05:link { COLOR: #339966; TEXT-DECORATION: none}
A.a05:visited { COLOR: #339966; TEXT-DECORATION: none}
A.a05:hover { COLOR: #83D060; TEXT-DECORATION: underline}
A.a05:active { COLOR: #666666; TEXT-DECORATION: underline}.s01{ font-weight:bold}
.s02{ font-style: italic;}ul.list_search{ width:220px; text-align:center; font-size: 12px;}
ul.list_search li{line-height:28px; width:220px;}
top.asp文件如下<center>
<!--[if lte IE 6]>
<style type="text/css">
table {border-collapse:collapse;margin:0; padding:0;}
.menu ul li a.hide, .menu ul li a:visited.hide {display:none;}
.menu ul li a:hover {color:#ffffff; background:#FF77BB;}
.menu ul li a:hover ul {display:block; position:absolute; top:32px; left:0; width:82px;}
.menu ul li a:hover ul li a {background:#FF77BB; color:#ffffff;}
.menu ul li a:hover ul li a:hover {background:#dfc184; color:#ffffff;}
</style>
<![endif]-->
<center>
<img src="images/5.jpg" />
<div class="menu">
<ul>
<li><a class="hide" href="./">首页</a>
<!--[if lte IE 6]>
<a href="./">首页
<table><tr><td>
<![endif]-->
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<%
set rsbigclass=server.createobject("adodb.recordset")
rsbigclass.open "select * from bigclass",conn,1,1
do while not rsbigclass.eof
%>
<li>
<%if rsbigclass("urlok")=true then%>
<a class="hide" href="<%=rsbigclass("url")%>" target="_blank"><%=rsbigclass("bigclassname")%></a>
<%else%>
<a class="hide" href="otype.asp?classid=<%=rsbigclass("bigclassid")%>"><%=rsbigclass("bigclassname")%></a>
<%end if%>
<!--[if lte IE 6]>
<%if rsbigclass("urlok")=true then%><a href="<%=rsbigclass("url")%>" target="_blank"><%=rsbigclass("bigclassname")%><%else%><a href="otype.asp?classid=<%=rsbigclass("bigclassid")%>"><%=rsbigclass("bigclassname")%><%end if%>
<table><tr><td>
<![endif]-->
<ul>
<%set rssmallclass=server.createobject("adodb.recordset")
rssmallclass.open "select * from smallclass where bigclassname='" & rsbigclass("bigclassname") & "'",conn,1,1
if not(rssmallclass.bof and rssmallclass.eof) then
do while not rssmallclass.eof
%>
<li><a href="otype.asp?classid=<%=rsbigclass("bigclassid")%>&boardname=<%=server.urlencode(""&rsSmallClass("SmallClassName")&"")%>"><%=rssmallclass("smallclassname")%></a></li>
<%rssmallclass.movenext
loop
end if
rssmallclass.close
set rssmallclass=nothing
%>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<% rsbigclass.movenext
loop
rsbigclass.close
set rsbigclass=nothing%>
<li></li>
</ul>
</div>
</center>
-------------------------------
css.css文件如下BODY {
FONT-SIZE: 12px; margin:0px;
}
body {FONT-SIZE: 12px; margin:0px;}
form {margin:0px; padding:0px;}
A:link {FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none}
A:visited {FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none}
A:hover {FONT-SIZE: 12px; COLOR: #FF0000; TEXT-DECORATION: underline}
.menu {font-family: arial, sans-serif; width:985px; margin:0px; }
.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float:left; position:relative;}
.menu ul li a, .menu ul li a:visited {display:block; text-align:center; text-decoration:none; width:81px; height:30px; color:#fff; border:1px solid #fff;border-width:1px 1px 0 0;background:#c9c9a7;background-image:url(../images/menu-hbg.gif);
line-height:32px; font-size:11px;}
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#fff; background:#b3ab79;}
.menu ul li:hover ul {display:block; position:absolute; top:31px; left:0; width:120px;}
.menu ul li:hover ul li a {display:block; background:#faeec7; color:#000;}
.menu ul li:hover ul li a:hover {background:#dfc184; color:#000;}
ul{list-style:none; margin: 0 0px 0 0;}ul.gonggao{float: left; text-align:left; width:400px; height:22px; font-size: 12px;}
ul.gonggao li{line-height:23px; width:100%; text-align:right;}
ul.gonggao li span{float: right; color:#FF0000; padding-right:1px;}
ul.gonggao li A {TEXT-DECORATION: none}ul.tuijian{float: left; text-align:left; width:480px; font-size: 12px; padding-left:2px;}
ul.tuijian li{line-height:23px; width:98%; text-align:left; BORDER-bottom: #999999 1px dotted;}
ul.tuijian li span{float: right; padding-right:1px;}
ul.tuijian li A {TEXT-DECORATION: none}
ul.tuijian li img {margin-top:5px;}ul.newslist{float: left; text-align:left; width:370px; font-size: 12px;}
ul.newslist li{line-height:23px; width:99%; text-align:left; BORDER-bottom: #999999 1px dotted;}
ul.newslist li span{float: right; padding-right:1px;}
ul.newslist li A { TEXT-DECORATION: none}
ul.newslist li img {margin-top:5px;}.i_news {color:#999999;}
.i_news1{color:#ff0000;}ul.Download{float: left; text-align:left; width:210px; font-size: 12px; padding-left:2px;}
ul.Download li{line-height:22px; width:210px; text-align:left; BORDER-bottom: #999999 1px dotted;}
ul.Download li span{float: right; color:#FF0000; padding-right:1px;}
ul.Download li A {TEXT-DECORATION: none}
ul.zhiding{float: left; text-align:left; width:210px; font-size: 12px; padding-left:2px;}
ul.zhiding li{line-height:23px; width:210px; text-align:left; BORDER-bottom: #999999 1px dotted;}
ul.zhiding li span{float: left; background:url(../images/no_list_bg.gif) 0.6px 27px repeat-y; width:20px; text-align:center}
ul.zhiding li A {TEXT-DECORATION: none}
#left_title{width:210px; font-weight:bold; background-image:url(../images/menu-hbg.gif); line-height:38px;}#top2{width:900px;}
#top2 li{float:left}
.hemo_new{width:375px; height:31px; margin:1px auto 0px; background:url(../images/topline_botbg.gif) 0px -20px repeat-x; border:1px solid #DDD;}
.turl {
BORDER-RIGHT: #cedece 1px solid; BORDER-TOP: #cedece 1px solid; BORDER-LEFT: #cedece 1px solid; BORDER-BOTTOM: #cedece 1px solid
}
.tit {color: #000000; font-size: 18px; line-height: 22px; font-weight:bold}td {font-family: "Verdana", "Helvetica", "sans-serif";font-size: 12px; color: #000000;text-decoration: none;line-height: 140%;}SELECT {BORDER-RIGHT: #6188AF 1px solid; BORDER-TOP: #6188AF 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #6188AF 1px solid; COLOR: #000000; BORDER-BOTTOM: #6188AF 1px solid; BACKGROUND-COLOR: #ffffff}.table {BORDER-RIGHT: #6188AF 1px solid; BORDER-TOP: #6188AF 1px solid; BORDER-LEFT: #6188AF 1px solid; BORDER-BOTTOM: #6188AF 1px solid}.title {background-color: #E1E1E1;}.hittd {font-family: "Verdana", "Helvetica", "sans-serif";font-size: 11px;}.input {BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #ffffff;font-family: "Verdana"; height:18px;}.button{
border-bottom:1px;
border-left:1px;
border-right:1px;
border-top:1px;
border-style:solid;
border-color:#6188AF;
font-size:12px;
color:#000000;
background:#FFFFFF;
font-family: "Verdana";
}
.wenzhang { FONT-SIZE: 12px; LINE-HEIGHT: 26px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
.tab_k{BORDER-RIGHT: #EBEBEB 1px solid; BORDER-LEFT: #EBEBEB 1px solid; BORDER-BOTTOM: #EBEBEB 1px solid}
.zi_y{FILTER: DropShadow(Color=#ffffff, OffX=1, OffY=1, Positive=1); PADDING-TOP: 2px}
.right_tab{BORDER-RIGHT: #cecfce 1px solid; BORDER-TOP: #cecfce 1px solid; BORDER-LEFT: #cecfce 1px solid; BORDER-BOTTOM: #cecfce 1px solid}
A.a01:link { COLOR: #ff0000; TEXT-DECORATION: none}
A.a01:visited { COLOR: #ff0000; TEXT-DECORATION: none}
A.a01:hover { COLOR: #83D060; TEXT-DECORATION: underline}
A.a01:active { COLOR: #666666; TEXT-DECORATION: underline}A.a02:link { COLOR: #0000FF; TEXT-DECORATION: none}
A.a02:visited { COLOR: #0000FF; TEXT-DECORATION: none}
A.a02:hover { COLOR: #83D060; TEXT-DECORATION: underline}
A.a02:active { COLOR: #666666; TEXT-DECORATION: underline}A.a03:link { COLOR: #00FFFF; TEXT-DECORATION: none}
A.a03:visited { COLOR: #00FFFF; TEXT-DECORATION: none}
A.a03:hover { COLOR: #83D060; TEXT-DECORATION: underline}
A.a03:active { COLOR: #666666; TEXT-DECORATION: underline}A.a04:link { COLOR: #FF9900; TEXT-DECORATION: none}
A.a04:visited { COLOR: #FF9900; TEXT-DECORATION: none}
A.a04:hover { COLOR: #83D060; TEXT-DECORATION: underline}
A.a04:active { COLOR: #666666; TEXT-DECORATION: underline}A.a05:link { COLOR: #339966; TEXT-DECORATION: none}
A.a05:visited { COLOR: #339966; TEXT-DECORATION: none}
A.a05:hover { COLOR: #83D060; TEXT-DECORATION: underline}
A.a05:active { COLOR: #666666; TEXT-DECORATION: underline}.s01{ font-weight:bold}
.s02{ font-style: italic;}ul.list_search{ width:220px; text-align:center; font-size: 12px;}
ul.list_search li{line-height:28px; width:220px;}
解决方案 »
免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货