Problem s footerom

Dobý deň,
web mám urobený tak, že mám naštýlované main_body a do toho mam vložené body plus left, right column. Nechcem im dávať pevnú výšku, šírka je 100%. Lenže keď tú pevnú výšku nedám a mám tam málo textu, vznikne mi medzi body a footer-om medzera (viď obrázok). Chová sa to, ako keby ten footer bol napevno niekde "prilepený". Lenže nieje.
Aby ste si to vedeli lepšie predstavť, prikladám obrázok problem

Ďakujem za odpoveď!!

Pardon.

Časť kódu (dúfam, že stačí toľko)

body {

	margin: 0px; 

	padding: 0px; 

	font-size: 70%;

	background-color: #2c2b2b; 

	font-family: "Arial", Tahoma, Sans-Serif;

	color: #333;

#main_body{

	width:100%;

	margin:0px 0px 0px 0px;

	padding:0px 0px 0px 0px;

	background-color:#fff;

	

}

#body{

	width:670px;

	margin:0px 0px 0px 245px; 

	padding:4px 0px 0px 0px; 

}



#left_column{

    float: left;

	margin: 0px 0px 0px 0px;

	width: 180px;

	padding:4px 10px 10px 10px;

	color:#333;

	

}



#right_column {

	float: right;

	margin: 0px 0px 0px 0px;

	width: 280px;

	padding:4px 0 0 0;

	color:#333;

	background-color:#FFFFFF;

}	





#main_footer{

	width:100%;  

	float:left; 

	background: url(images/ft_bg.gif) repeat-x;

	margin:0px; 

	padding:0px;

	background-color:#2c2b2b; 

}

#footer {

	width:630px; height:117px;

	margin:0 auto 0 auto;

	text-align : center;

	color: #fff;

}

Možno to funguje, LENŽE, výška body sa jednoducho neprispôsobí výške right_column, takže to vyzerá takto:
web

EDIT: v IE mi to funguje, vo Firefoxe nie.