求教一javascipt导航显示问题。

<li onmouseover="mouseover(this)" onmouseout="mouseout(this)"><a>首页</a><div class="list">
<ul>
<li>aa</li>
<li>aa</li>
<li>aa</li>
<li>aa</li>
</ul></div></li>
<script type="text/jaascript" src="js/list.js"></script>
css/////
.list {position:absolute;
 top:251px;
 width:90px;
display:none;
}
js/////function mouseover(li){
li.children[1].style.display='block'
}
function onmouseout(li){
li.children[1].style.display='none'
}
为何我的下拉框不显示了啊。哦你mouseover没用哦。。去指教。