网页头部导航 下拉菜单效果显示
弄了一天了，头昏眼花，一会让做PPT，一会让我开会，一会让我做汇报。
今天要把这个下拉菜单弄好，各位帮帮忙，我弄大半天没弄好。。。呜呜~~~
现在那个导航菜单布局好了，但是怎么能让它鼠标移上去就显示子菜单呢？？
请各位帮我改改代码。。。
这是页面：
<!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">