DIV trasparente e altezza pagina

[falcusfox]

Usando la funzione z-index creo un div trasparente che va a ricoprire la schermata principale. Il problema è che la trasparenza copre solo l'altezza del monitor (cioè il 100%) e quindi, se il contenuto della pagina principale è maggiore di questo limite, il div trasparente si interrompe.

Spero di essere riuscito a far capire il problema altrimenti cercherò di spiegarlo meglio.

Posto il codice del div con trasparenza per maggior precisione:

position: absolute;
top: 0;
left: 0;
z-index:100;
width: 100%;
height:100%;
background-color: #000;
:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;

[felixsuperstar]

e se non specificassi l'altezza?
Il div dovrebbe adatatrsi al contenuto.

[falcusfox]

Ho già provato prendendo spunto anche da un vecchio post ma purtroppo non va. Forse sbaglio qualcosa nella struttura

Ho un box principale cui è abbinato questo style:

#box{ position:relative; background-color:#ffffff; width:950px; min-height:100%; height: auto !important; height:100%; margin: 0px auto;}

e il box trasparente che dovrebbe ricoprire il tutto così settato.

.gestione {
position: absolute;
top: 0;
bottom: 0;
left: 0;
z-index:100;
width: 100%;
height:100%;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
display:block;
}


Quindi:

<div id="box"> </div>
<div class="gestione"></div>

Se elimino il parametro height il box trasparente si ferma a pochi pixel dal top e non copre neanche il 100% del desktop.