Bilder übereinander mit z-index

[notafake]

Moin
Gleich zur Sache: Hatte mit z-index auch schon elemente übereinander gelagert, das waren allerdings div's.
Ich komme nicht darauf warum es nicht funktioniert:

<div id="navigation" >
	<img src="images/sized.JPG"   alt="Corrupt Picture" style="position: relative; z-index: 1;"  />
	<img src="images/partJAM.png" alt="Corrupt Picture" style="position: relative; z-index: 2;"  />
</div>

css:

#navigation {
	border: solid;
	width: 318px;
	height: 600px;
	}

Das zweite Bild erscheint jedoch einfach unter dem div. Könnt ihr mir weiterhelfen?

Grüsse

[Indyk]

Hallo notefake,

hast du mal versucht dem div einen kleineren z-index manuell zuzuweisen? also 0 z.b.
oder einfach höhere werte bei den bildern? bei bild 2 z.b. mal 999 ausprobieren.

[notafake]

Hallo Indyk
hat leider auch nichts gebracht, das zweite bild wird immernoch unterhalb des divs angezeigt.
und mit minuswerten bei margin-top bin ich auch nicht weiter gekommen, komischerweise hat sich das bild bis -300 nach oben bewegt und ist dann wieder nach unten gerutscht, komische sache...

[Indyk]

kann man sich das irgendwo angucken?

[notafake]

ok habe als beispiel eine testsite gebastelt
http://notafake.bplaced.net/testing/testing.php
hoffe ihr versteht mein Anliegen

[Indyk]

ach gott notefake..

"mit unter" meinst du unter und nicht drunter ( ; ich dachte da stimmt was mit dem z-index nicht und der div überlappt dein bild aber dein bild wird ja einfach nur außerhalb (unter) dem div ausgegeen.

gibt mal deinen div das attribut "position:relative" und den bildern eine absolute position, das sollte dann funktionieren.

[notafake]

Missverständnis, dein unter ist für mich hinter ^^
Vielen dank für die Hilfe, jetzt klappts :) Eine Testseite hat halt noch fast immer geholfen.

Grüsse