Allineamento sul fondo di un Footer

[MM88]

ecco il codice.



HTML:

<div id="wrapper1">
	
	<div id="wrapper2">
	
	<div id="main">

        

        </div>

		<div id="footer">
			

		</div>
	
	</div>

</div>

CSS:

#wrapper1 {
	position:relative;
	text-align:left;
	width:100%;
	}

#wrapper2 {
	position:relative;
	text-align:left;
	width:100%;
	
	}


#main {
	position:relative;
	margin:0;
	padding:0px;
	height: 100%;
	}


#footer {
	position:relative;
	top:0px;
	clear:both;
	margin:0;
	padding: 0px 10px;
	text-align:left;
	vertical-align:bottom;
	}

Come faccio a mettere il footer sempre in fondo alla pagina?


grazie