Listenmenu mit z-index?

[phase]

hi ich habe ein horizontales menu aus einer unsortierten Liste die innerhalb eines <li> eine weitere unsortierte Liste als vertikales submenu hat.

<div id="subNavigation">
    <menu class="red">
    <li class="active redBG"><a href="s" class="current"> blub</a></li>
    <li><a href="#"> bla</a></li>
    <li><a href="#"> bla2</a></li>
    <li><a href="#"> bla3</a></li>
    <li id="subsub">
     <ul>
      <li><a href="#">subsub1</a></li>
      <li><a href="#">subsub2</a></li>
      <li><a href="#">subsub1</a></li>
      <li><a href="#">subsub2</a></li>
      <li><a href="#">subsub1</a></li>
      <li><a href="#">subsub2</a></li>
      <li><a href="#">subsub1</a></li>
      <li><a href="#">subsub2</a></li>

</ul>
    </li>
    </menu>
  </div>

das klappt soweit gut, jetzt möchte ich aber das, das Submenu die darunterliegenden elemente nicht nach unter verschiebt, sondern darüber liegt. ich habe versucht der 'sub'-ul einen z-index zugeben was aber nicht geklappt hat.

hat jemand einen tipp wie ich das ganze anstellen kann?

gruß,
phase