Układ na divach, faux columns a IE7 i niższe

[Kpc21]

Mam stronę szkolną, którą przerabiam (a raczej piszę od początku) z układu tabelkowego na "jedyne słuszne" warstwy div. Znaleźć ją w chwili obecnej można pod adresem http://klasa3c.2ap.pl/gimglowno1/. I pod normalnymi przeglądarkami (w tym IE8, również w trybie zgodności) wszystko działa poprawnie. Problem natomiast jest w IE7 i niższych - div z treścią zwęża się do wysokości ok. 200px (bezpośrednio pod tym zwężonym divem widać stopkę) tak, że nie widać samej treści, a same nagłówki. Doszedłem do tego, że jest to spowodowane zastosowaną techniką faux columns w celu rozciągnięcia tła menu na całą wysokość strony (po jej wyłączeniu problem nie występuje).

Kod CSS można znaleźć pod adresem:
http://klasa3c.2ap.pl/gimglowno1/style.css

Plik źródłowy strony głównej (na stronie został zastosowany skrypt PHP w celu uzyskania efektu ramek):
http://klasa3c.2ap.pl/gimglowno1/glowna.htm

Pliki źródłowe podstron:
http://klasa3c.2ap.pl/gimglowno1/(to co po ?= w adresie dynamicznym).php


Dlaczego tak się dzieje? Co z tym zrobić?

[rokko]

Spróbuj ustawić min-width i min-height oraz pobaw się z atrybutami blokowymi.