Positionnement en bas de page

Bonjour

Je bloque sur quelque chose de basique, j'ai un gros trou, voici mon html:

Je souhaite positionner #footer_bas en bas de page, dans le bas de #footer, actuellement il est en haut de #footer.

<div id= "footer">
			
		<div id="rv"></div>
		
			
		<div id="footer_bas">
			

		         <div id="colonne_gauche">
			        <div id="adresse"></div>
			
		        	<div id="menu_footer">	</div>
			
		         	<div id="reso"></div>	
		        </div>
			
			
		        <div id="colonne_droite">
			     <div id="contact"></div>	
		        </div>
			
		</div>

			
</div>

La CSS:

#rv{
	margin: auto;
	width: 880px;
	height: 274px;
	background-color: #ffffff;
}

#footer{
	background-image: url(../images/footer.png);
	height: 622px;
}

#adresse{
margin: auto;
margin-top: 50px;
}

#adresse p{
color: #FFF;
font-size: 12px;
}

#menu_footer{
margin: auto;
color: #afeb68;
font-size: 10px;
}

#menu_footer li{
float: left;
list-style-type: none;
}

#menu_footer a{
color: #afeb68;
text-decoration: none;
}

#reso{
margin: auto;
}

#colonne_gauche{
float: left;
width: 440px;
}

#colonne_droite{
float: right;

}

#footer_bas{
margin: auto;
width: 880px;
}

Si tu veux placer un élément en bas de son conteneur il suffit que le conteneur soit positionné, ensuite tu positionnes l'élément en question en absolu et tu lui donne la propriété bottom: 0.

Bonjour,

Est-ce que cette astuce correspond à tes besoins ?

Bonne journée.