请大家帮我看下！

css部分是我自己写的，js部分我是照人家写的。怎么让他在刷新后是关着的子菜单。我刚开始学，请多指教！
<!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=utf-8" />
<title>mou某某有限公司</title>
<style type="text/css">
*{margin:0; padding:0;}  /*---html所有元素---*/
body,html{margin:0px; padding:0px; background-color:#ffffff;}
ul{list-style:none;}  /*没有列表符*/
#wtop{ width:100%; height:115px;  background-color:#DBDBDB;}
#all{ float:left; width:1000px; height:100px; }
#logo{ display:inline; /*--内联对象?--*/float:left; width:150px; height:115px; background-color:#ffffff; }
#link{ float:right; width:790px; height:107px;}/*---顶导航栏---*/
#glink{ width:100%; height:40px;}.menu { position:absolute; left:600px;  left:650px\9; /*ie8*/ *left:650px;/*ie7*/ _left:650px;/*ie6*/ width:480px;  font-size:12px; margin:0px; padding:0px; }.menu ul{ padding-right:1px;  margin:0; list-style-type:none; }.menu ul li { float:left; margin:2px; }.menu ul li a { display:block; text-align:center; text-decoration:none; width:auto; height:auto;color:#666;
padding:2px; font-size:12px;}.menu ul li a:hover{ display:block; text-align:center; text-decoration:underline; width:auto; height:auto; color:#666;
padding:2px; font-size:12px;}.menu ul li a:link, .menu ul li.a:visited { display:block; text-align:center; text-decoration:none; width:auto; height:auto; color:#666;
padding:2px; font-size:12px;}.menu ul li.one a:link, .menu ul li.one a:visited { display:block; text-align:center; text-decoration:none; width:auto; height:auto; color:#666;
padding:2px 6px 2px 20px;  font-size:12px;
background:transparent url(images/cn.jpg) no-repeat left center;
height:auto;}.menu ul li.one a:hover{ display:block; text-align:center; text-decoration:underline; width:auto; height:auto; color:#666;
padding:2px 6px 2px 20px;  font-size:12px;
background:transparent url(images/cn.jpg) no-repeat left center;
height:auto;}.menu ul li.two a:link, .menu ul li.two a:visited { display:block; text-align:center; text-decoration:none; width:auto; height:auto; color:#666;
padding:2px 6px 2px 20px;  font-size:12px;
background:transparent url(images/us.jpg) no-repeat left center;
height:auto;}.menu ul li.two a:hover{ display:block; text-align:center; text-decoration:underline; width:auto; height:auto; color:#666;
padding:2px 6px 2px 20px;  font-size:12px;
background:transparent url(images/us.jpg) no-repeat left center;
height:auto;}/*---导航栏---*/
#navbar{                                         /* 一级菜单 */
   background: #FEFEFE;
   background-color:#999999;
   width:790px; color: #626262; height:20px;     /* 图片背景定义固定高 */
}#navbar li{ float:left; list-style-type:none;  }
#navbar li a{ font-size:11px; font-weight:bold;}
#navbar li.one a{
    font-style:italic; font-weight:bold; margin:0px;  line-height:20px;  padding:5px 25px 5px 65px; *padding:5px 25px 5px 65px;
color:#3E3E3E; text-decoration:none;  /* 定意字体的padding属性 */
}#navbar li.two a{
    font-style:italic; font-weight:bold; margin:0px;  line-height:20px;  padding:5px 15px 5px 15px; *padding:5px 15px 5px 15px;
color:#3E3E3E; background:inherit; text-decoration:none;  /* 定意字体的padding属性 */background-color:#E0E0E0; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;
}#navbar li.three a{
    font-style:italic; font-weight:bold; margin:0px;  line-height:20px;  padding:5px 15px 5px 15px; *padding:5px 15px 5px 15px;
color:#3E3E3E; background:inherit; text-decoration:none;  /* 定意字体的padding属性 */
}#navbar li.four a{
    font-style:italic; font-weight:bold; margin:0px;  line-height:20px;  padding:5px 15px 5px 15px; *padding:5px 15px 5px 15px;
color:#3E3E3E; background:inherit; text-decoration:none;  /* 定意字体的padding属性 */
}#navbar li.five a{
    font-style:italic; font-weight:bold; margin:0px;  line-height:20px;  padding:5px 15px 5px 15px; *padding:5px 15px 5px 15px;
color:#3E3E3E; background:inherit; text-decoration:none;  /* 定意字体的padding属性 */
}#nav{ width:790px; height:28px; color:Maroon; line-height:28px;}  /* 子菜单 */#nav a{
    width:75px;
    text-align:left;
margin: 0px 2px 0 0;
padding: 5px 15px 5px 55px;
color:#666666;
text-decoration: none;

}#nav a:hover{text-decoration:underline;}   #hide ul{ }#hide li{ _display:inline; padding:0px; font-size:12px; float:left;  } #hide li.one{ width:200px; }
#hide li ul {
position:absolute;
width:180px;
height:70px;
background-color:#F6F6F6;
margin:0px;
padding:0px;
left: 233px;
top: 88px;
border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:2px solid #CCCCCC;
}/* 下拉菜单 */
#hide li ul.frist {
position:absolute;
width:160px;
height:70px;
background-color:#F6F6F6;
margin:0px;
padding:0px;
left: 233px;
top: 88px;
border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:2px solid #CCCCCC;
}#hide li ul li{ clear:both;  padding:2px 0px 2px 0px;}#hide li ul li.list{ }#hide li ul li a{ font-size:11px;  color:#3F87A2; z-index:100;}#hide li ul li.list a{ padding:0px 0px 0px 15px;}#hide li ul li a:link,#hide li ul li a:visit{}
</style><script type="text/javascript">
        function displaySubMenu(li) {
            var subMenu = li.getElementsByTagName("ul")[0];
            subMenu.style.display = "block";
        }
        function hideSubMenu(li) {
            var subMenu = li.getElementsByTagName("ul")[0];
            subMenu.style.display = "none";
        }
</script>
</head><body>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<div id="wtop">
  <div id="all">
      <div id="logo"></div>

      <div id="link">
        <div id="glink">
             <div class="menu">
                 <ul>
                   <li><a>|</a></li>
                   <li><a href="#">Home</a></li>
                   <li><a>|</a></li>
                   <li><a href="#">about us</a></li>
                   <li><a>|</a></li>
                   <li><a href="#">Learning Center</a></li>
                   <li><a>|</a></li>
                   <li class="one"><a href="#">中文</a></li>
                   <li><a>|</a></li>
                   <li class="two"><a href="#">English</a></li>
                 </ul>
             </div>
        </div>
        <div id="navbar">
        <ul>
    <li class="one"><a href="#" >BUSINESS MODELS</a> </li>

        <li class="two"><a href="#" >BUSINESS & MIDDLEWARE</a> </li>
        <li class="three"><a href="#" >RFID SOLUTIONS</a> </li>

        <li class="four"><a href="#" >CONTACT US</a> </li>
        <li class="five"><a href="#" >SUPPORT</a> </li>
        </ul>
       </div>

        <div id="nav">

             <ul id="hide" >


              <li class="one" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
              <a href="#">RFID PRODUCT</a>
                  <ul class="first">
                  <li class="list"><a href="#">RFID FIXEQ READO </a></li>
                  <li class="list"><a href="#">RFID HELLHELD MOBILE</a></li>
                  </ul>
              </li>

              <li><a href="#">HANDHELD MOBIE COMPUTER</a></li>

             </ul>
    </div>
   </div>
</div>
</td>
</tr>
</table></body>
</html>

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

改下你样式
#hide ul{ display : none; }
设置子菜单的默认样式为：display=none;