Carlo: <li> Elemente untereinander schieben

Hallo,
Sagen wir mal ich hab folgendes aufgebaut:
<ul>
<li></li>
<li></li>
</ul>

Ich habe beiden li einen Hintergrund mit css verpasst. Jetzt habe ich versucht das zweite <li> Element unter das erste zu schieben, mit margin-top: -10px; , aber dann ist das zweite <li> über dem ersten, anstatt darunter. Der Hintergrund des zweiten überdeckt den des ersten, was ich aber gerade anders herum möchte.
Wie krieg ich das jetzt hin, dass das zweite <li> unter dem ersten ist?

  1. Moin

    was du brauchst ist die Eigenschaft z-index

    Gruß
    rfb

    1. hi,

      was du brauchst ist die Eigenschaft z-index

      Und damit der wirksam werden kann, eine vom Defaultwert static abweichende Positionierung - in diesem Fall bietet sich also position:relative an.

      gruß,
      wahsaga

      --
      /voodoo.css:
      #GeorgeWBush { position:absolute; bottom:-6ft; }
      1. Und damit der wirksam werden kann, eine vom Defaultwert static abweichende Positionierung - in diesem Fall bietet sich also position:relative an.

        Ok, vielen Dank, es funktioniert jetzt.

    2. was du brauchst ist die Eigenschaft z-index

      Ahja, danke, kann ich jetzt leider nicht testen an meiner Seite, weil das <li> nicht mehr nach oben will, das margin hat irgendwie keinen Einfluss mehr darauf...