Footer blijft niet sticky

Ik wil mijn footer op mijn website graag onderaan houden.

Daarbij heb ik al de footer al een CSS waarde bottom:0; en position: absolute; gegeven. maar niets lijkt te werken.

Het probleem doet zich pas voor wanneer er meerdere comments op een artikel geplaats worden, daardoor word mijn MainDiv vergroot.
maar gaat onder mijn footer nog gewoon door.

<div id="wrapper">

<div id="head">
</div>

<div id="mainDiv">
content
</div>
			<div id="loginDiv">
				<?php include "inc/logindiv.php"; ?>
			</div>
			
			<div id="midDiv">
				<?php include "inc/middiv.php"; ?>
			</div>
				
			<div id="linksDiv">
				<?php include "inc/linkdiv.php"; ?>
			</div>
			
			<div id="footer">
				<?php include "inc/footer.php"; ?>	
			</div>
			
		</div>

De wrapper:

html, body {
    height: 100%;
}
#wrapper {
min-height: 100%;

margin:0 auto;
padding-top:0;
position:relative;
width:993px;
}
#loginDiv { 
display: inline;
min-height: 93px;
height:93px;
margin:4px 0 0 500px;
padding: 0;
position: absolute;
right:0;
top: 121px;}

#midDiv { 
bottom:1px;
display: inline;
height: 100%;
min-height: 1247px;
margin: 98px 0 0 500px;
padding: 0;
position: absolute;
right:220px;
top: 121px;
}

#linksDiv {
bottom:1px;
display: inline;
height: 100%;
min-height: 1247px;
margin: 98px 0 0 772px;
padding: 0;
position: absolute;
right:0;
top: 121px;
}


#footer {
height:155px;
margin:0 2px auto;
padding:0;
position: absolute;
}

ik snap niet waar het mis gaat :S
het probleem doet zich voort op:
http://www.overdatum.nl/remake/nieuws.php?post_id=157