problema nel centrare immagini sovrapposte

[ricercato]

Ciao ragazzi, il mio intento è il seguente:

Voglio realizzare un immagine-mappa da visualizzare esattamente al centro dello schermo e sovrapporre ad essa altre immagini.

Per realizzare la fase "centramento", ho definito l'immagine mappa in questo modo:

 <div style="position:absolute; top:50%; left:50%; width:396px;
        height:629px; margin-left:-198px; margin-top: -314px; float:left;
        z-index:1; visibility:visible;"> 

mentre le immagini da sovrapporre sono definite:

<div style="position: relative; left: 320px; top:20px; z-index:2; visibility:visible;"> 

ora il problema è che, nonostante abbia messo z-index:2, l'immagine risulta "dietro" la mappa... a quanto pare position: absolute interferisce con position: relative; qualche suggerimento?

[Mich_]

Per poter capire manca anche il codice del contenitore.

Comunque direi che dovresti creare due livelli uguali (due div) posizionati allo stesso modo (ambedue assoluti, e con gli stessi top, left, margini, ...) e grandi uguali, naturalmente con z-index diverso; posizionati direttamente nel body.

Poi all'interno di ciascuno puoi inserire cio` che vuoi, con posizionamenti relativi o naturali

Poi nel livello superiore puoi inserire anche un'immagine con mappa (tag <map> e <area>) - non ha senso definire le mappe nel livello inferiore.

[ricercato]

Grazie per il consiglio!! ora và alla grande