Div pionowy od pewnej wysokości do ostatecznego końca strony, Jak to osiągnąć Opcje

[L_Devil]

Witam. Pracuję właśnie nad prostą stroną internetową. Chciałbym zrobić jednokolorowy prostokąt, który zawierałby tekst strony i kończyłby się najwcześniej na końcu ekranu, lecz jeżeli tekst byłby dłuższy, to prostokąt odpowiednio też byłby dłuższy. Kod na razie mam taki:

[HTML] pobierz, plaintext 
<div style="width: 758px; height: 100%; position:absolute; left:50%; margin-left:-375px; background-image:url('shadow.png'); background-repeat:repeat-y; background-position:right;">
<div style="width:750px; height:100%; background-color:#8AA3DC;">
<div style="width:750px; position:relative; top:195px;">
To jest tekst<br />
To jest tekst<br />
To jest tekst<br />
To jest tekst<br />
To jest tekst<br />
To jest tekst<br />
To jest tekst<br />
To jest tekst<br />
To jest tekst<br />
To jest tekst<br />
To jest tekst<br />
To jest tekst<br />
To jest tekst<br />
To jest tekst<br />
To jest tekst<br />
To jest tekst<br />
To jest tekst<br />
To jest tekst<br />
To jest tekst<br />
To jest tekst<br />
To jest tekst<br />
To jest tekst<br />
To jest tekst<br />
To jest tekst<br />
To jest tekst<br />
To jest tekst<br />
To jest tekst<br />
To jest tekst<br />
To jest tekst<br />
To jest tekst<br />
To jest tekst<br />
To jest tekst<br />
To jest tekst<br />
To jest tekst<br />
</div>
</div>
</div>
[HTML] pobierz, plaintext 

I, niestety, efekt mizerny. W Firefoxie/Operze:
(IMG:http://img154.imageshack.us/img154/3796/firefoxcd4.jpg)

Jak widać tekst jest, ale prostokąt i jego cień nie został rozciągnięty poza ekran

W IE6:
(IMG:http://img526.imageshack.us/img526/3791/ie6mz1.jpg)

Tekst zostaje brutalnie ucięty przy końcu strony!

Co robię nie tak?

[Unité]

Zamiast "height: 100%" daj "min-height: 100%; _height: 100%; /* Hack dla IE */".