'z-index' nie tak jak bym chcial

[Dawka83]

Więc mam sobie dwa div'y:

<div id="div1"><img alt="jakis obrazek"/></div>
<div id="div2"><img alt="jakis obrazek2"/></div>

Teraz style:

div //Tutaj odwoluje sie do 2 div'ow
{
position: absolute;
width: 400px;
height: 400px;
top: 20%;
z-index: 1;
}

img //a nastepnie do obrazkow
{
position: relative;
z-index: 2;
cursor: pointer;
}

 

Obrazki sa w 2 roznych miejscach ale tylko dla jednego kursor jest "pointerem" ponieważ ten 2 div go zakrywa :(. Jak zrobić aby obrazki były ponad div'y :)?

[gnysek]

ten drugi zakrywa pierwszy bo oba divy mają te same parametry położenia, to chyba oczywiste?

 

http://jsfiddle.net/3cdQv/

[Dawka83]

Chodziło mi o to aby jego dziecko bylo wyżej :P Tutaj jest ten problem:

[gnysek]

Z-index 100 oznacza, ze cos jest wyzej. Poza tym, dajesz te same style tym elementowm, więc te same będą pozycje. Daj różne - pozycje będą różne.