Proprietà z-index

[ministry]

Proprietà z-index

Ho creato questa semplice paginetta con due div; grazie alla proprietà z-index la box grigia dovrebbe stare sempre in primo piano, mentre quella bianca dovrebbe rimanere sul fondo.
In realtà... accade l'esatto contrario!

Provate a dare un'occhiata al codice html: dov'è che sbaglio?
Ho trovato decide di esempi simili a questo sul web e proprio non riesco a capire dove sia il problema! x

Attendo fiducioso un vostro aiuto!!

[jardem]

Ciao Ministry, prova in questo modo:

[html]
<style type="text/css">

div#dettagli {
position:absolute;
border: 2px solid black;
z-index: 1;
background-color: #cccccc;
width: 300px;
}

div#dettagli1 {
position:absolute;
border: 2px solid black;
top: 100px;
left: 200px;
width: 300px;
z-index: 0;
background-color: #ffffff;
}

</style>

[/html]

[ministry]

Grazie mille!
Ho aggiunto la proprietà position al primo div e funziona!
Era giorni che mi ci scervellavo... dando per scontato gli aspetti più elementari.
A buon rendere!

[jardem]

@Ministry said:

Grazie mille!
....
A buon rendere!