jestem już zdesperowany.

Nie moge dojsc do tego, aby stopka byla na samym dole. dostosowalem css do tej techniki i nic.
W IE ofc wszystko w porzadku wyglada, natomiast w mozilli wyskokosc #kontenera jest rowna wyskosci ekranu (?!).
Oto jak to wyglada:
HTML
CSS
Z gory bardzo, bardzo dziekuje za kazda pomoc.
ps. a to okrojony plik css:
html, body {height:100%;} body { background: #FFFFFF; font: normal 13px Georgia;} BODY {padding: 0px; margin: 0px;} * html #kontener { height: 50%; } #kontener { width: 700px; margin-left: auto; margin-right: auto; padding: 10px; background: #FDF3E5; min-height: 100%;} #gora1 { height: 100px; width: 180px; float: left; background: #D17415;} #gora2 { height: 100px; width: 510px; float: right; text-align: right; background: #982417;} #menu { width: 180px; height: 280px; float: left; background: #76693C; margin-top: 10px; color: #FDF3E5;} #main { width: 510px; float: right; height: 100%; margin-top: 10px; padding-bottom: 50px; } #kontener-dol { border: 1px solid red; height: 30px; color: #FDF3E5; background: #FDF3E5; font-size: 11px; text-align: center; width: 700px; padding: 10px; margin-left: auto; margin-right: auto;} #dol1 { float:left; height: 20px; width: 180px; background: #D17415;} #dol2 { float:right; height: 20px; width: 510px; margin-left:10px; background: #982417;}