Index-Z: Objekt mit nidrigerem Wert ist weiter vorne.

[Patzel]

Ich weiß, das die 'index-z'-Probleme schon nerven. Aber ich habe wirklich k. Ahnung wie so das ned geht:

Code (Sprache CSS)

 #menu ul.margin,ul.padding,ul.item1,ul.item2,ul.item3,ul.item4,ul.item5,ul.item6,ul.item7{z-index:2;background-color: transparent;}  
#menu ul.leiste{background:url(navi.jpg);display:block;position:absolute;right:70px;width:100%;z-index:1;text-align:left;display:block;} 

Code (Sprache:HTML)

  
<ul class="item7" ...>  
<li ...>  
<a ...>Text</a></li>  
<ul ...>  
<li ...><a ...><b>Text</b></li></a>  
</ul>  
</ul>  
<ul class="leiste">  
&nbsp;  
</ul>  

(Was ich will) Die ul.leiste sollte hinter dem anderen Zeugs (Zeugs = .item1, .item2,... ,.item7) liegen, aber (Was tatsächlich passiert) liegt in allen Browsern davor. (Andere Hinweise) Und bei Minuswerten der Leiste spinnt der MFF und zeigt die Leiste nicht an. K. Ahnung warum d. so is. (Nein, es sind keine Elternelemente mit index-z versehen.) Bitte um Hilfe.

lg