Java-script / css med Z-INDEX

Hej,

Jeg har et virkelig irriterende problem med min javascript / css kode. Jeg har på en side to DIV, begge har style="position:absolute; left: 1px; top: 1px; z-index: 1;"

I den ene er et billede af en mand (ens egen figur), og i den anden er der mange andre figurer (mange DIVS inde i den div).

Alle de DIVS som er i den anden div har deres eget z-index, da hver div er en figur.

Problemet er bare, at når MIN figur har z-index: 4 og en anden figur inde i den anden DIV har z-index på 5, står min figur alligevel øverst!! Når min figur har et z-index på 6 og den anden har et på 5, står min stadig øverst (som den skal i dette tilfælde).

Jeg har en masse gange prøvet at løse dette problem, men det virker ikke.





Scriptet kan ses og prøves på www.mikze.dk/space, hvor I kan højreklikke på jeres egen eller en anden figur og se z-index. Husk at bruge FIREFOX.

PS: I kan ikke afprøve det med mindre der er 2 online på en gang!