Div transparente + fixar

Pessoal,

Estou com um probleminha "simples".

Antes de qualquer coisa, já vi dois tópicos aqui no iMasters relacionados ao meu problema, no entanto não tive sucesso com o meu problema.

Post1.: http://forum.imasters.com.br/index.php?sho...mode=linearplus

Post2.: http://forum.imasters.com.br/index.php?showtopic=224226

No primeiro post, funciona normalmente, é até abordado a questão do bloqueio não funcionar na página completa quando se tem um scroll e a solução encontrada lá foi fazer com que seja efetuado o bloqueio e também seja feito o overflow = hidden e, quando clicar para fechar a tela, é ativada novamente o scroll.

Mas meu problema é que, o bloqueio tem que ser feito em toda a tela com scroll e com o mesmo (overflow = auto), ou seja, o bloqueio tem que vir a página inteira com a possibilidade de utilizar o scroll para ver os resultados abaixo, creio que possa ser melhor entendido através da imagem abaixo:

Imagem1: Nesta imagem, como não tem scroll lateral, o bloqueio funciona corretamente (div de bloqueio) com o outro div por cima com a imagem de 'loading'.

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.grupomaggi.com.br/bellinat/imagem_bloqueio_01.jpg&key=bf4a18c7482752d3ad708ef334247577769dd6a4ed4a6cb8ea7d3b57039599a9" alt="Imagem Postada" />

Imagem2: Nesta imagen, como existe o scroll, ocorre apenas o bloqueio parcial.

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.grupomaggi.com.br/bellinat/imagem_bloqueio_02.jpg&key=cb8d6fa34e6def3733bf19e73938ff449dd6cb0af428c9ca135c1a70b3fcb57b" alt="Imagem Postada" />

Consigo colocar um bloqueio total se, além do div já utilizado eu colocar um outro div de baixo para cima, como pode ser visualizado abaixo:

.transparenciaTop{ position: fixed !important; position: absolute; top: 0px; left: 0px; z-index: 10; width: 100%; height:100%; opacity: 0.6; color: #000000; background-color: #E0E0E0; }.transparenciaTop{ filter: alpha(opacity = 60);}.transparenciaBottom{ position: fixed !important; position: absolute; bottom: 0px; left: 0px; z-index: 10; width: 100%; height:100%; opacity: 0.6; color: #000000; background-color: #E0E0E0; }.transparenciaBottom{ filter: alpha(opacity = 60);}.loading{ position: absolute; width: 400px; height: 180px; margin-top: 20%; margin-left: 35%; z-index: 15; background-image: url(../IMAGES/loading_comex.gif); background-repeat: no-repeat; background-position: center; border: 0px solid black }Só que se eu fizer isso, acorre que, no momento em que um div fica sobre o outro, a transparencia vai dar diferença de cor.

O que quero saber se alguém sabe como fazer com que o div, mesmo que com a barra de rolagem, ocupe todo o espaço utilizado do browser!

Obrigado a todos.