zweispaltige navigation

<div class="navi">
<div class="secound_nav"><a href="/seitenname.htm">LINK01</a></div>
<div class="secound_nav" style="top: 35px;"><a href="/seitenname.htm">LINK02</a></div>
<div class="secound_nav" style="top: 65px;"><a href="/seitenname.htm">LINK03</a>[/color]</div>
<div class="first_nav"><a href="/seitenname.htm">Start01</a></div>
<div class="first_nav"><a href="/seitenname.htm">Start02</a></div>
<div class="first_nav"><a href="/seitenname.htm">Start03</a></div>
</div>

.navi{
position: absolute;
left: 50%;
margin-left: -400px;
width: 385px;
border: 1px solid #000000;
padding: 5px;
background-color: #FFFFFF;
}

.first_nav{
width:180px;
height: 25px;
background-color: #CCCCCC;
padding-left: 10px;
padding-top: 5px;
}

.first_nav:hover{
width:180px;
height: 25px;
background-color: #999999;
padding-left: 10px;
padding-top: 5px;
}

.secound_nav{
position: absolute;
width:180px;
height: 25px;
background-color: #CCCCCC;
padding-left: 10px;
padding-top: 5px;
left: 200px;
}

.secound_nav:hover{
position: absolute;
width:180px;
height: 25px;
background-color: #999999;
padding-left: 10px;
padding-top: 5px;
left: 200px;
}