[HTML/CSS] Układ na divach, faux columns a IE7 i niższe

[Kpc21 1]

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ć?

 

--------------------------------------------------------------------------------------------------------------------------------------------

Nie wiem czy piszę we właściwym dziale, ale lepszego znaleźć nie mogłem. W razie czego proszę o przeniesienie.

[januzi 24]

skoro tło zawsze jest takie samo, to:

obrazek szerokość strony x 1px (czarny piksel, niebieska linia, czarny piksel, biała linia, czarny piksel)

obrazek ten ustawiasz jako tło powielane w pionie do #MAIN

#MENU: float do lewej, width

#TRESC: float do lewej, width

 

niezależnie od tego, która kolumna dłuższa, to obrazek z tła rozciągnie się w pionie do odpowiedniej wysokości

[Kpc21 1]

A nie da się zrobić tak żeby faux columns działało? Bo z tego co czytam na IE7 działać powinno. A sposób z obrazkiem ma jednak swoje wady.