弄了一天了，头昏眼花，一会让做PPT，一会让我开会，一会让我做汇报。
今天要把这个下拉菜单弄好，各位帮帮忙，我弄大半天没弄好。。。呜呜~~~
现在那个导航菜单布局好了，但是怎么能让它鼠标移上去就显示子菜单呢？？
请各位帮我改改代码。。。
这是页面：
- HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>{dede:global.cfg_webname/}</title>
<meta name="description" content="{dede:global.cfg_description/}" />
<meta name="keywords" content="{dede:global.cfg_keywords/}" />
<link href="sys.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.STYLE1 { color: #FFFFCC;
line-height: 20px;
text-decoration: none;
font-size: 12px;
font-weight: bold;
}
.zt {font-size: 12px;
line-height: 20px;
color: #003399;
text-decoration: none;
}
.pagelist li{ float:left; margin-right:3px; list-style-type:none; }
-->
.clearfix:after{display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
.menu{background:url(../images/bg_2.gif) repeat-x; height:39px;}
.menusel{ float:left; position:relative;}
.menusel h2{ font-size:14px; font-weight:normal;}
.menusel a{text-align:center; width:130px; position:relative; z-index:2;}
.menusel a:hover ul li a{ display:block; background-color:#FFFFCC; color:#0000FF;}
.position{
position:absolute;
z-index:1;
}
.menusel ul{width:130px; background:#608ab3;margin-top: -1px; position:relative; z-index:1; display:none;}
.menusel .block{ display:block;}
.typeul li{border-bottom:1px solid #fff;width:124px; position:relative; float:left; height:25px; line-height:25px; padding-left:6px;}
.typeul{ margin-left:0; }
.typeul ul{left:100px; top:0; position:absolute;}
.fli{ margin-top:1px;}
.menusel .lli{ border:none; }
</style>
</head>
<body>
<table width="980" border="0" align="center" cellpadding="0" cellspacing="0" class="bai1">
<tr>
<td width="137" align="left" valign="top"><table width="150" height="22" border="0" cellpadding="0" cellspacing="0" class="STYLE1">
<tr>
<td width="163" height="26" align="left" valign="middle"><font color="#ffffff"">
<script language="JavaScript" type="text/javascript" class="zt">
var day="";
var month="";
var ampm="";
var ampmhour="";
var myweekday="";
var year="";
mydate=new Date();
myweekday=mydate.getDay();
mymonth=mydate.getMonth()+1;
myday= mydate.getDate();
myyear= mydate.getYear();
year=(myyear > 200) ? myyear : 1900 + myyear;
if(myweekday == 0)
weekday=" 星期日 ";
else if(myweekday == 1)
weekday=" 星期一 ";
else if(myweekday == 2)
weekday=" 星期二 ";
else if(myweekday == 3)
weekday=" 星期三 ";
else if(myweekday == 4)
weekday=" 星期四 ";
else if(myweekday == 5)
weekday=" 星期五 ";
else if(myweekday == 6)
weekday=" 星期六 ";
document.write(year+"年"+mymonth+"月"+myday+"日 "+weekday);
</script>
</font></td>
</tr>
</table></td>
<td>
<table width="100%" border="0">
<tr>
##form name="userlogin" action="{dede:global.cfg_memberurl/}/index_do.php" method="POST">
<input type="hidden" name="fmdo" value="login" />
<input type="hidden" name="dopost" value="login" />
<input type="hidden" name="keeptime" value="604800" />
<td width="6%">┊</td>
<td width="13%" valign="middle">用户名</td>
<td width="16%" valign="middle"> <input name="userid" type="text" class="bkgg" id="textfield4" size="5" /></td>
<td width="9%" valign="middle">密码</td>
<td width="17%" valign="middle"><input name="pwd" type="text" class="bkgg" id="textfield5" size="5" /></td>
<td width="39%" valign="middle"><input type="image" name="pwd" id="imageField" src="images/denglu.jpg" /></td>
##/form>
</tr>
</table>
</td>
<td width="473" align="center" valign="top"></td>
</tr>
</table>
<table width="100%" height="163" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top"><table width="980" height="163" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/zcsy0033.jpg" width="980" height="165" /></td>
</tr>
</table> </td>
</tr>
</table>
<table width="980" border="0" align="center" cellpadding="0" cellspacing="0" background="images/zcsy0026.jpg">
<tr>
<td><table width="980" height="1037" border="0" align="center" cellpadding="0" cellspacing="0" class="sybj">
<tr>
<td width="727" align="left" valign="top"><table width="727" border="0" cellpadding="0" cellspacing="0" class="bai3">
<div class="menu">
<tr>
<td width="77" height="39" align="center" class="ye14">
<div class="menusel">
<h2><a href="{dede:global.cfg_cmsurl/}/index.php"><span class="ye14">首 页</span></a></h2>
</div>
</td>
<td width="108" align="center">
<div id="menu1" class="menusel">
<h2><a href="{dede:global.cfg_cmsurl/}/plus/view.php?aid=220">委员会介绍</a></h2>
<div class="position">
<ul class="clearfix typeul">
<li><a href="http://www.865171.cn">简介</a></li>
<li><a href="http://www.865171.cn">章程</a></li>
<li><a href="http://www.865171.cn">工作条例</a></li>
<li class="lli"><a href="http://www.865171.cn">组织结构</a></li>
</ul>
</div>
</div>
</td>
<td width="110" align="center">
<div id="menu2" class="menusel">
<h2><a href="{dede:global.cfg_cmsurl/}/plus/list.php?tid=72">委员会工作</a></h2>
<div class="position">
<ul class="clearfix typeul">
<li><a href="http://www.865171.cn">动态</a></li>
<li class="lli"><a href="http://www.865171.cn">文件</a></li>
</ul>
</div>
</div>
</td>
<td width="85" align="center">
<div id="menu3" class="menusel">
<h2><a href="{dede:global.cfg_cmsurl/}/plus/list.php?tid=76">时事资讯</a></h2>
<div class="position">
<ul class="clearfix typeul">
<li><a href="http://www.865171.cn">国内资讯</a></li>
<li><a href="http://www.865171.cn">国际资讯</a></li>
</ul>
</div>
</div>
</td>
<td width="92" align="center">
<div id="menu4" class="menusel">
<h2><a href="{dede:global.cfg_cmsurl/}/plus/list.php?tid=81">法律法规</a></h2>
<div class="position">
<ul class="clearfix typeul">
<li><a href="http://www.865171.cn">国家法律</a></li>
<li><a href="http://www.865171.cn">部门规章</a></li>
</ul>
</div>
</div>
</td>
<td width="91" align="center">
<div id="menu5" class="menusel">
<h2><a href="{dede:global.cfg_cmsurl/}/plus/list.php?tid=85">防护标准</a></h2>
<div class="position">
<ul class="clearfix typeul">
<li><a href="http://www.865171.cn">国家标准</a></li>
<li><a href="http://www.865171.cn">行业标准</a></li>
<li><a href="http://www.865171.cn">国际标准</a></li>
<li class="lli"><a href="http://www.865171.cn">LA认证</a></li>
</ul>
</div>
</div>
</td>
<td width="94" align="center">
<div id="menu6" class="menusel">
<h2><a href="http://123.124.2.55/" target="_blank">产品展示</a></h2>
</div>
</td>
<td width="70" align="center">
<div id="menu7" class="menusel">
<h2><a href="{dede:global.cfg_cmsurl/}/plus/list.php?tid=97">专家支持</a></h2>
<div class="position">
<ul class="clearfix typeul">
<li><a href="http://www.865171.cn">专家库</a></li>
<li><a href="http://www.865171.cn">专家观点</a></li>
<li class="lli"><a href="http://www.865171.cn">行业论坛</a></li>
</ul>
</div>
</div>
</td>
</tr>
</div>
</table>
<table height="8" cellspacing="0" cellpadding="0" width="230" align="center"
border="0">
<tbody>
<tr>
<td height="8"></td>
</tr>
</tbody>
</table>
<table height="8" cellspacing="0" cellpadding="0" width="230" align="center"
border="0">
<tbody>
<tr>
<td height="8"></td>
</tr>
</tbody>
</table>
<table height="8" cellspacing="0" cellpadding="0" width="230" align="center"
border="0">
<tbody>
<tr>
<td height="8"></td>
</tr>
</tbody>
</table>
<table width="728" height="255" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="717" valign="top" background="images/zcsy0028.jpg"><table width="718" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="349" align="center" valign="top"><table width="307" height="245" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="245" valign="top"><div align="center">