[html] jak rozciagnac ta warstwe ?

mam taki problem:
potrzebuje stworzyc warstwe ktora bedzie miec wysokosc taka jaka ma CALA strona
i wszystko jest piekne ale gdy pojawia sie scroll do przesuwania to warstwa nie jest na 100% rozciagnieta
DLACZEGO?
oto kawalek przykladowego kodu:

<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>

<div style="position:absolute; top:0; bottom:0; width:50; height:100%; background:red;"></div>

//chyba cos przeoczylem :|

imo nie powinno być:

<div style="position:absolute; top:0; bottom:0; width:50; height:100%; background:red;">

<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>

</div>

??