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:


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

W IE6:


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

Co robię nie tak?

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