Rozsypuje się, czy to błąd w CSS ??

[Amphibia]

Szablon zrobiony przy użyciu div i CSS. Sprawdzony Walidatorem. W Operze i IE działa poprawnie, w FF i Mozilli się rozsypuje. Podejżewam, że mam błędy w stylach, chociaż walidator ich nie pokazał. Proszę o pomoc, podpowiedź co poprawić. Jak zmodyfikować kod, żeby strona zaczęła działać pod FF, ale jednocześnie nie zepsuła się pod IE (bo chociaż IE jest niezbyt ciekawy, to jednak używa go dużo interneutów).

Adres strony: http://www.amphibia.boo.pl/php/index.php

Adres do styli CSS: http://www.amphibia.boo.pl/php/style/index.css

[Gedi]

Usuń znaki komentarzy HTML z pliku CSS: <!-- -->. W CSS komentarze są tego typu: /* */.

[Amphibia]

Usunąłem, ale nadal nie potrafię sobie poradzić z tym rozsypywaniem.

[Gedi]

Jeśli ustawisz DOCTYPE na Strict, to zauważysz w czym rzecz.

1. Usuń właściwość 'align' z CSS (sprawdź CSS w http://jigsaw.w3.org/css-validator/)
2. Jeśli nadajesz FLOAT elementom, to zaraz po nich wyczyść opływanie (np. wstawiając <div style="clear: both;"></div>)
3. Masz źle zwymiarowane DIV-y. Kiedy nadajesz kontenerowi szerokość na np. 800px a wewnątrz umieszczasz element o takiej samej szerokości lecz z paddingiem np. 5px, to kontenerowi nadajesz wtedy szeokość 800px + 10px = 810px lub elementowi wewnętrznemu dajesz: 800px - 10px = 790px. Oczywiście uwzględniasz jeszcze marginesy zewnętrzne i ew. obramowania. To samo dotyczy wysokości.

Narazie tyle co rzuciło mi się w oczy

PS.
Różnice w wyświetlaniu przez przeglądarki wynikają z różnej interpretacji dokumentu po przejściu w Quirks Mode.