[Web2.0] Riposizionare un div in modo che sia sempre visibile

[Cesare D'Amico]

Hola todos, ho un div con display none;  lo riempio via ajax e lo 
visualizzo quando viene cliccato un elemento. Il problema è che, se la 
pagina è scrollata in giù, il div mi viene posizionato in parte fuori 
dalla finestra (troppo in alto, quindi), e ciò è brutto.

Ecco come è fatto il div:

<div id="griglia_codici_articolo" style="display: none;">
   ...fuffa 1.0...
</div>

E il suo css, il problema è sull'attributo "top":

#griglia_codici_articolo {
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 50px;
    left: 25%;
    width: 50%;
    height: 50%;
    border: 2px solid black;
    background-color: white;
    padding: 10px;
    overflow: auto;
}

Come posso posizionare il div in modo che il TOP sia relativo non alla 
finestra, ma all'attuale "vista" della stessa (che si chiama viewport, 
se non erro)?

Valutate che nella finestra ci sono un sacco di altre cose, a me serve 
che il div si apra in modo visibile _sopra_ a tutto il resto, in modo 
però che sia visibile senza dover scrollare in su...

Grazie mille, ciaps
     ce

-- 
Cesare D'Amico      |  Gruppo Volta
Area tecnica        |  Web & Mkt Solutions
Tel: 045 21 000 84  |  Via Leida 8 - Verona
Fax: 045 21 000 85  |  http://www.gruppovolta.it