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

[Patzel]

#menu ul.leiste{background:url(navi.jpg);display:block;position:absolute;right:70px;width:100%;z-index:1;text-align:left;display:block;}
tu dir selbst einen gefallen und schreib keinen "wurstcode" ;)

<li ...><a ...><b>Text</b></li></a>
font-weight; bold; tuts auch

zudem hat du eine menge html fehler da drinnen und ein &nbsp; gehört defintiv nicht da hin
geschütztes  leerzeichen

(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.

größerer z-index != element ist weiter oben, ich denke du hast z-index nicht verstanden
z-index

1. Ja, aber hier ist der kleinere Weiter oben:

 #menu item7 /* Und das andere. Aber das ist unwichtig */  
{z-index:2; /* Das liegt hier unten */ background-color: transparent;}  
#menu ul.leiste  
{display:block;position:absolute;right:70px; /* !!!! z-i...:1 und das liegt oben */ z-index:1;text-align:left;} 

  
<ul class="item7" ...> <!-- Liegt hinten -->  
<li ...>  
<a ...>Text</a></li>  
<ul ...>  
<li ...><a ...><b>Text</b></li></a>  
</ul>  
</ul>  
<ul class="leiste"> <!-- Liegt vorne -->  
&nbsp;  
</ul>  

2. Was würdest du statt   schreiben?

3. Hast du eine Idee warum das so ned geht?

lg