Keine Wirkung von z-index auf ul/li

[j4nk3y]

Salve!

Eine kurze Frage zum Z-Index. Ich bastel gerade an einer Navigation und wollte die Elemente die unter den ersten <li> Elementen liegen unter selbigen verstecken.
Etwa wie <ul><li style="z-index:2"><ul style="z-index:1"><li></li></ul></li></ul>.

Aber es möchte nicht so funktionieren wie ich das geplant hatte. Habe natürlich auch ein kleines Beispiel vorbereitet, hier sollten die rot umrandeten <li> nicht sichtbar sein, da deren z-index geringer ist als die des übergeordneten Elementes.

Ich verstehe nicht genau, warum das bei li bzw ul Elementen nicht funktioniert?

Gruß
Jo