Salve, ho creato un semplice script JQuery che quando clicco su alcuni link della mia pagina fa comparire un popup e il contenuto della pagina iniziale viene "coperto" da un DIV più scuro. Cliccando sul quest'ultimo div si torna alla visualizzazione iniziale. Il problema è che se il contenuto della pagina è tale da farla scrollare allora il div di "copertura" non occupa tutta la pagina... cioè anche quella che scrolla ma una parte ne resta scoperta.
Mi date una mano a capire come fare in modo che il div si allunghi in base al contenuto della pagina?

Vi riporto la struttura della pagina e il css di "copertura".

<div id="strutturaPagina"
<div id="intestazione">...</div>
<div id="corpo">
<div id="novitaContainer">
<div id="news1">...link1 </div>
....
<div id="newsN">...linkN </div>
</div>
</div>


<div id="popupContainer">
<div id="popup1">... </div>
...
<div id="popupN">... </div>
</div>
</div>

<div id="backgroundPopup"></div>

Il css è:
#backgroundPopup{
display:none;
position:fixed;
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}

P.S. Scusatemi se sono stata troppo lunga!!!!!!!!!