一直找不出问题在哪，，为什么一移到二级菜单就不见了
<!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>无标题文档</title>
<style type="text/css">
*{margin:0;
padding:0;}
ul{ list-style-type:none;
height:50px;
}
.content{ margin:30px 0 0 50px;
width:600px;}
.content:after,.contet:before{
content="";
display:table;}
.contet:after{clear:both}
ul li a{ text-decoration:none;
display:block;
width:70px;
padding:0 30px;
height:50px;
text-align:center;
line-height:50px;
}
ul li{float:left;
border-right:2px solid #331;
position:relative;
height:50px;
}
ul li ul{margin-top:20px ;
width:70px;
visibility:hidden;
}
ul li:first-child:hover ul{
visibility:visible
}
ul li ul>li{ border-right:none;
}
ul li ul>li a{border-top:1px solid #FFF}
ul li ul li{float:none;
}
a{ background:linear-gradient(to top, #000, #333, #000);}
a:hover{ opacity:0.7}
</style>
<script type="text/javascript">
window.onload=function(){
var fli=document.getElementById("fli");
var xiala=document.getElementById("xiala");
var timer=null;
fli.onmouseover=function auto(){
var m=parseInt(xiala.style.marginTop);
m--;
if(m>=0){
xiala.style.marginTop=m+"px";
setTimeout(auto,20)}
else{
return;}
}
fli.onmouseout=function(){
m=20;
xiala.style.marginTop=m+"px";
}
}
</script>
</head>
<body>
<ul class="content">
<li id="fli"><a href="#">首页</a>
<ul id="xiala">
<li><a href="#">电放费</a></li>
<li><a href="#">计算机</a></li>
</ul>
</li>
<li><a href="#">我的大学</a></li>
<li><a href="#">积分地方</a></li>
<li><a href="#">贾克斯</a></li>
</ul>
</body>
</html>
