Problema height 100%

[flash20]

Ciao a tutti

Ho creato un div che utilizzo come sfondo con queste caratteristiche:

div#sfondo{
	width:35%;
	height: 100%;
	z-index: -1;
	background-color: #870000;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	position: absolute;
    }

Il mio intento è che questo div occupi tutta l'altezza del browser, però mi da un problema, occupa tutto lo schermo finò a che i contenuti rimangono all'interno della visualizzazione, dal momento che i contenuti sono molti e si va oltre (dovendo ricorrere allo scroll) il DIV incriminato rimane più corto rispetto al contenuto del sito.

Come si può fare?

[Gufo]

Prova a togliere :
right: 0px;
bottom: 0px;

[flash20]

No non cambia

[Gufo]

Originariamente inviato da flash20
No non cambia

Allora abbiamo bisogno di più informazioni almeno un link da poter vedere

[flash20]

Vi metto in modo sintetico di seguito come ho strutturato il layout:

<div id="sfondo"></div>

<div id="container">
    <div id="header"></div>
    <div id="content"></div>
    <div id="footer"></div>
</div>

il css invece è strutturato così:

div#sfondo{
	width:30%;
	height: 100%;
	z-index: -1;
	background-color: #8F161A;
	left: 0px;
	top: 0px;
	position: absolute;
    }
div#container{
	position: relative;
	width:798px;
	left:50%;
	margin-left:-399px;
	top: 20px;
    }
div#content{
	width:798px;
	background-color: #808080;
    }
div#header{
	width:798px;
	height:251px;
	background-repeat: no-repeat;
	background-image: url(../Immagini/testa.jpg);
	margin: 0px;
    }
div#footer{
	position: absolute;
	width:798px;
	height:35px;
	clear: right;
   }

il div sfondo non segue il contenuto. Ho provato a mettere tutto al suo interno, ma essendo largo 30% mi crea ovviamente qualche problema