Problemi con CSS per il footer

[Enrichman]

Ci sto smadonnando da un bel po' e non riesco a venirne a capo..

Vi linkerei il sito ma non so se è spam. Intanto vi spiego la situazione:

il footer rimane sempre attaccato in fondo, il problema però è che rimane attaccato anche se rimpicciolisco la finestra del browser, sovrapponendosi ai div precedenti!

Vi posto il css, magari trovate errori grossolani (ho appena cominciato a vedermelo..):

html{
	height: 100%;
}

body{
	size: auto;
	height: 100%;
	background: url(img/bg.jpg) repeat-x;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	Verdana, Lucida, Geneva, Helvetica, 
	Arial, sans-serif;
}

a{
	color: #000;
	text-decoration: none;
	
}

a:hover{
	color: #A40000;
}

#main{
	position: relative;
	min-height: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	text-align: center;
	margin-bottom: -40px;
}

#top{
	position: relative;
	height: 311px;
	width: auto;
	}

#header{	
	height: 235px;
	width: auto;
	background: url(img/header.jpg) no-repeat;
}

#links{
	position: absolute;
	background: url(img/bg_menu.png) repeat-x; 
	margin-left: 0px;
	height: 76px;
	width: 900px;
}

#menu{
	position: absolute;
	height: auto;
	width: auto;
	display: inline;
	left:0px;
	top: 25px;
	list-style: none;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	Verdana, Lucida, Geneva, Helvetica, 
	Arial, sans-serif;
	font-size: x-large;
}

#menu ul{
	display: inline;
}

#menu li{
	display: inline;
	padding-right: 20px;
}

#social{
	font-size: 13px;
	position: absolute;
	right: 30px;
	top: 12px;
}

#content{
	position: absolute;
	height: auto;
	top:auto;
	bottom:auto;
	width: 900px;
	text-align: left;
}

#footer{
	position: absolute;
	width: 100%;
	height: 40px;
	background: url(img/bg_footer2.png) no-repeat;
	bottom: 0px;
	font-size: 10px;
}

#footer_content{
	position: absolute;
	top:18px;
	width: 900px;
	text-align: center;
}

#contatti{
	display: inline;
	padding-right: 20px;
}

#contatti ul{
	display: inline;
}

#contatti li{
	display: inline;
	padding-right: 10px;
}

EDIT: il problema sembra sia il body (che dovrebbe fare da contenitore a tutto) si ferma a metà pagina, ed il footer, invece di fare da footer al main segue il body.

[Enrichman]

Volevo avvertire che alla fine ho risolto!

Se può essere utile a qualcuno: bastava mettere al content un padding-bottom della stessa altezza del footer.