problema con position relative e absolute

[fbdesign]

Ho 3 div che si rifanno a questo css:

.demo {
position:relative;
top:0px;
left:0px;
background-color: #FF0000;
visibility: hidden;
}


Il problema è che richiamate dai rispettivi pulsanti vengono posizionate al top:0 px; e left:0px; del precedente div mentre io vorrei fossero sovrapposte.
Ci sn riuscito sl dando al css una position:absolute ma a me serve la "relative".
Qlc sa dirmi come risolvere?

[Mich_]

Originariamente inviato da fbdesign
Il problema è che richiamate dai rispettivi pulsanti vengono posizionate al top:0 px; e left:0px; del precedente div

Questo e` il significato del position: relative;

Ma dove devono stare posizionati i tre div (sovrapposti)?
Non puoi inserirli dentro un <div> che li contiene tutti tre?

E comunque come fai a vederli se hanno la stessa posizione? Ne cambi lo z-index tramite JS? Ma allora non e` che per caso ti basterebbe inserirli uno dopo l'altro ed usare il display:none; su due dei tre (a turno)?

[fbdesign]

Ho risolto cn un div contenitore, effettivamente una soluzione del genere era scontata ma nn sn ancora pratico dei css
grazie mille!