Problemas com div com height 100%

Ola pessoal tenho aqui uma duvida criei uma div para ocupar toda a tela do monitor, esta div tem de tapar todo o conteudo do site porem estou com uns problemas, se o site tiver a barra de deslocamento lateral a div nao ocupa o resto da pagina fica aqui uns prints:

Era como devia ficar mesmo depois de puxar a barra para baixo:

/applications/core/interface/imageproxy/imageproxy.php?img=http://img183.imageshack.us/img183/5162/div1sa2.th.jpg&key=90eb3c27c9649a6c5154bc1f2512bfc870f2995abd32647695c5fd12e2a55498" alt="Imagem Postada" />

Mas esta a ficar assim:

/applications/core/interface/imageproxy/imageproxy.php?img=http://img406.imageshack.us/img406/1581/div2cy9.th.jpg&key=f49fb755dc2b0aee826c83df29663623d2ba7918649a8af4f1c62d2eb60a3887" alt="Imagem Postada" />

O meu css é este:

#loading_site {
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	background-color: #333333;
	opacity:0.65;
	-moz-opacity: 0.65;
	filter: alpha(opacity=65);
}

#loading_site #texto {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	margin-top: 25%;
}

Cumps