[css] navigacja, nachodzące warstwy

[jjc]

czy mam się pozbyć tego diva ogarniającego (już teraz) listę?
ponieważ po przeróbce efekt jest dokładnie ten sam (a elementy menu nie wchodzą pod logo dopóki nie dostaną z-index z wartością ujemną)

HTML:

Kod:

<div id="top_menu">
<ul>
<li class="menu_item"><a href="#" class="menu_item"></a></li>
<li class="menu_item"><a href="#" class="menu_item"></a></li>
<li class="menu_item"><a href="#" class="menu_item"></a></li>
<li class="menu_item"><a href="#" class="menu_item"></a></li>
<li class="menu_item"><a href="#" class="menu_item"></a></li>
</ul>
</div>
      <div id="header">
<img src="/images/biglogo.png" alt="map"  />    
      </div>

CSS:

Kod:

#top_menu {
position: relative;
top:50px;
width: 960px;
height: 75px;
padding-left: 155px;
z-index:0;
}

li.menu_item  {
z-index:0;
}

li.menu_item  a  {
float:left;
display: block;
width:112px;
height: 62px;
background: url(images/menu.png) no-repeat bottom;
margin-right:10px;
}

li.menu_item a:hover {
background: url(images/menu_aktualnosci.png) no-repeat 0 0px !important;
text-decoration: none;
}

#header {
z-index: 666;
}