Problemas con capa para bloquear pantalla

[Marti1982]

Tengo un enlace que abre una ventana pequeña en el centro de la pantalla por medio de jquery, y al mismo tiempo un div con "position: absolute" que inutiliza la web momentaneamente, funciona todo ok... El problema radica en que la barra de desplazamiento de la web se puede usar, y al desplazar para abajo se ve el div que bloquea la capa que se acaba ("cortado"), no se se me he explicado bien... la pregunta es, ¿como puedo hacer que el div que bloquea la web ocupe todo el alto de esta?
Aqui esta el css de dicho div

Código PHP:

  <style>
.blocker {
    position: absolute; 
    display: none;
    background: #000;
    z-index: 500;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2; 
    filter:alpha(opacity=20);
}
</style> 
   

luego el div lo pongo en el body antes que cualquier otro de esta forma:

Código PHP:

  <div class="blocker"></div> 
   

Muchas gracias.

[mdk]

Prueba desactivar momentaneamente mientras el div esta activo, el scroll para que no aparezca mediante scroll="no" en el body o style="margin: 0;".

2 4 8 16 32 64 128 512 1024 2048 4096 8192 16384 32768 65536 y peté..

[Marti1982]

Gracias mdk, lo pruebo y te digo algo. Saludos.

[Marti1982]

Bien, pues he conseguido progresos, al hacer click en el enlace que habre la ventana emergente, ahora desaparece la barra de desplazamiento, volviendo a aparecer cuando se cierra esta.

Problemas:
1 - Cuando la barra desaparece esta deja mas espacio, asi que el ancho de la web se ajusta, quedando feo visualmente le cambio del ancho.
2 - Aun sin la barra de desplazamiento, el usuario puede mover la pagina de fondo manteniendo pulsada la rueda del raton.

[mdk]

1 y 2 - haz un onresize que calcule de nuevo el ancho y alto de la pagina, y que cambie las propiedades de la capa, al ancho y alto restablecido.