ciuao ragazzi ho un problemino sto cercando di poter avere un div che poi aprirei con javascript solo su comando,il div è all'interno di un'altro div contenitore che tiene in se tutto il sito:

vorrei che il div prendesse la "forma" quindi le dimensioni esatte del div che lo contiene ma che rimanga sopra questo stesso

la strttura è questa :

<div id="contenitore">
<div id="lightbox">

qui tutto il sito.......


</div>

</div>

ho applicato queste regolette CSS ai div ma il div lightbox non riempe del tutto il container si ferma ad una certa altezza,tenendo scoperti alcuni contenuti del sito

#contenitore{width:100%;margin:0 auto;position:absolute;left:0;top:0;bottom:0;right :0;z-index:1;}
#lightbox{width:100%;height:100%;margin:0 auto;z-index:2;background-color:#000000;}

preciso che z-index l'ho usata solo per questi due div

come devo comportarmi?