allineamento centrale con footer bottom

[Gnegno]

forse ho trovato una soluzione con questo codice:

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	min-height: 300px;
}

#container{
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -30px;
}
.pushfooter{
	height:30px;
	clear:both; 
}

#content {
	width: 400px;
	height: 200px;
	background-color: #ccc;
	top: 50%;
	left:50%;
	position:absolute;
	margin: -100px 0 0 -200px;	
}

#footer {
	width:800px;
	border-top: #ccc 1px solid;
	padding-top: 4px;
	padding-left: 10px;
	font-family:"Arial";
	font-size: 11px;
	color: #669999;
	margin: 0 auto;
}

<div id="container">
<div id="content">content</div>
<div class="pushfooter"></div>
</div>
<div id="footer">footer
</div> 

devo vedere se è cross-browser.... in particolare con ie...
comunque ho trovato un altro modo per mettere il footer in basso con una piccola ricerca in google.. poi ho aggiunto il min-height nel body. questo mi permette di avere l'effetto desiderato, almeno su firefox...