stopka nie na swoim miejscu, pilnie potrzebna pomoc! Opcje

[Jim]

Witam!
jestem już zdesperowany. (IMG:http://forum.php.pl/style_emoticons/default/angrysmiley.gif)
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] pobierz, plaintext 
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;}
[HTML] pobierz, plaintext 

[Jim]

wielkie dzieki killer (IMG:http://forum.php.pl/style_emoticons/default/snitch.gif) pomoglo! stopka jest juz na swoim miejscu.
ale nadal mam ten dziwny problem z wysokoscia #kontener'a. wyswietla tlo tylko do wysokosci rownej wysokosci ekranu. (IMG:http://forum.php.pl/style_emoticons/default/blink.gif)