lz是小白，css有什么可以建议的也可以说说，多谢！

js：

 function appear(li)

   {

  var Oappear=li.getElementsByTagName("ul")[0];

  Oappear.style.display="block";

  }

function disappear(li)

{

var Odisappear=li.getElementsByTagName("ul")[0];

Odisappear.style.display="none";

} 

html：

<div class="menu">    

<ul>    

<li onMouseOver="appear(this)" onMouseOut="disappear(this)"><a href="http://news.njty.edu.cn/index.html"> 新闻网首页</a>    

<ul >    

<li ><a href="http://www.njty.edu.cn/">学校首页</a></li>    

<li><a href="http://news.njty.edu.cn/">学术交流</a></li>    

</ul>    

</li>    

<li onMouseOver="appear(this)" onMouseOut="disappear(this)"><a href="http://news.njty.edu.cn/news/">学院要闻</a>    

<ul>    

<li ><a href="http://news.njty.edu.cn/">时事要闻</a></li>    

<li><a href="http://news.njty.edu.cn/">理论学习</a></li>    

</ul>    

</li>    

<li><a href="http://news.njty.edu.cn/media/">媒体特院</a></li>    

<li><a href="http://news.njty.edu.cn/videonews/">视频新闻</a></li>    

<li><a href="http://news.njty.edu.cn/notice/">信息公告</a></li>    

<li id="ulli"><a href="http://infopub.njty.edu.cn/about/scenery/Index.html">学院风光</a></li>    

</ul>    

</div>    

css：

.menu {width:960px; height:40px; margin:0 auto; background:#00F; position:relative; }

.menu ul {height: 40px;

margin:0 auto;

background:#00F;

list-style:none;

}

.menu ul li {

float:left;

height:40px;

text-align:center;

line-height:40px;

border-right:1px solid #FFF;

position:relative;

margin:0 auto;

z-index:22;

}

.menu ul li a{ color:#FFF; height:40px;  padding:0 50px;  display:block; text-decoration:none; }

.menu ul li a:hover{color:#F00; }

.menu ul li ul { position:absolute; top:40px; left:0; display:none;}

.menu ul li ul li { float:none; background:#06F; }

.menu ul li ul li a{ width:80px; }

.menu ul li ul li a:hover { color:#000; background:#F90;}

#ulli { border:none;}

是不是 实际的范围 不是 看到的范围 所以超出后就不显示了

给一下完整代码，包括html css js