Ho due immagini che devono sovrapporsi:

questo è il mini html:
codice:
<body> <div id="lampade">[img]img/lamp.png[/img]</div> <div id="pannello">[img]img/pannello.jpg[/img]</div> </body>
questo è il css:
codice:
#lampade { 
height: 100%; 
width: 600px; 
position: relative; 
margin-top: auto; 
margin-right: auto; 
margin-bottom: auto; 
margin-left: auto; } 

#pannello { 
margin: auto; 
height: 100%; 
width: 700px; 
position: relative; 
z-index: 20; }
ho messo z-index ma non succede nulla. Comunque le "lampade" devono scendere leggermente verso il pannello!

Grazie!