DIV导航最高层求助
请问怎么样把DIV导航变为最高层才不会把下面的DIV撑移动？
程序代码：<style type="text/css">
<!--
body{background-color:#000000;
}
#nav{height:100%;
border-bottom:26px;
list-style:none;
width:450px;
}
#nav li{
float:left;
font-size:14px;
font-weight:bolder;
}
#nav li a{color:#FFFFFF;
text-decoration:none;
padding-top:5px;
display:block;
width:97px;
height:20px;
text-align:center;
background:#FF0000;
margin-left:5px;
}
#nav li a:hover{background-color:#00FF00;
color:#0000FF:
}
ul{ padding:0;
margin:0;
list-style:none;
}
li{float:left;
width:100px;
margin-top:5px;
}
li ul{display:none;
top:20px;
}
#nav li ul li a{background-color:#ffffff;
color:#0000FF;
}
#nav li ul li a:hover{background-color:red;
color:#0000FF;
}
li:hover ul, li.over ul{
display:block;
}
-->
</style>
</head>
<body>
<div style="Z-INDEX:999999">
<ul id="nav">
<li><a href="" >教程</a>
<ul>
<li><a href="" class="aa">CSS教程</a></li>
<li><a href="" class="aa">CSS教程</a></li>
<li><a href="" class="aa">CSS教程</a></li>
</ul>
</li>
<li><a href="">课件</a>
<ul>
<li><a href="" class="aa">CSS教程</a></li>
<li><a href="" class="aa">CSS教程</a></li>
<li><a href="" class="aa">CSS教程</a></li>
</ul>
</li>
</ul>
</div>
<div style="height:500px; background-color:#999999"></div>
</body>
