Como posicionar un div centrado como ventan a modal

[oscarbt]

Hola a todos...tengo un problema al abrir un div que tiene estilo css
y se abre como si fuera una ventana modal,, lo que sucede es que cuando
tengo un enlace que lo abre y esta muy abajo de la ventana, el div siempre se abre en la parte superior...

El CSS es el siguiente:

Código CSS:

/* estilo para el div que se muestra una vez se abre la ventana modal */
     .overlay{
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        z-index:1001;
        opacity:.75;
        -moz-opacity: 0.75;
        filter: alpha(opacity=75);
    }
    
    /* estilo para lo q este dentro de la ventana modal */
    .modal {
        display: none;
        position: absolute;
        top: 25%;
        left: 25%;
        width: 50%;
        height: 50%;
        padding: 16px;
        background: #fff;
        border: 5px groove #006600; 
        color: #333;
        z-index:1002;
        overflow: auto;
        
    }
 

y lo aplico asi:

Código HTML:

<!-- este es el div que funciona como ventana modal-->
<div id="formularios" class="modal"></div>  
 
<!-- efecto de fondo de la pantalla-->
<div id="fade" class="overlay" onclick = "document.getElementById('formularios').style.display='none';document.getElementById('fade').style.display='none'"></div> 
 
 
<!-- mostrando la ventana modal-->
 
<p><a href = "javascript:void(0)" onclick = "document.getElementById('formularios').style.display='block'; document.getElementById('fade').style.display='block';  " style="color: red; padding-left: 10px;">ENLACE</a> </p>
 

En el siguiente enlace se ve bien cual es mi problema....si se da clic en la palabra ENLACE 3, se puede detallar lo que yo estoy diciendo en este mensaje..
No se que propiedad css deba aplicar para que este div se abra bien en la parte central donde yo tenga el cursor...Agradezco me puedan colaborar.....Muchas gracias

https://dl.dropbox.com/u/9463718/ejemplo_error.htm

[The_Code]

margin:0 auto;

[oscarbt]

He aplicado dicha propiedad y se sigue viendo igual....

[alexk]

oscarbt prueba cambiando el "position:absolute" por "position:fixed" tanto para ".overlay" como en ".modal" y nos comentas, un saludo

[oscarbt]

sii, he cambiado a fixed y he solucionado mi problema !!...Muchas gracias alexk