Posicionando DIV

HTML

 <div id="contents"><img name="" src="" width="915" height="399" alt="" /></div>

 <div id="footer"><img src="file:///C|/Documents and Settings/Randal/Meus documentos/Desenvolvimento de sites/dalciv2/images/quemsomos.png" width="262" height="47" /><br />

 Somos uma empresa blablablablablablalblablabla<br />

 blablablablablablablablablablablablablablablabla<br />

 blablablablablablablablablablablablablablablabla<br />

 blablablablablablablablablablablablablablablabla<br />

 blablablablablablablablablablablablablablablabla<br />blablablablablablablablablablablablablablablabla<br />blablablablablablablablablablablablablablablabla<br />

 <div id="contato">CONTATO</div>

 </div>

CSS

#contents

	{

	margin-right: 20px;

	margin-left: 20px;

	margin-top: 30px;

	height: 400px;

	background-color: #666;

	color: #FFF;

	font-size: 36px;

	border-bottom-color:#919191

	}

 

 

 

	#footer

	{

	height: 190px;

	background-color: #333;

	margin-top:1px;

	border-color:#000;

	mar

	}

 

	#contato

	{

 height: 190px;

 width:200px;

 background-color: green;

 margin-left:400px;

	}

Imagem: http://i285.photobucket.com/albums/ll72/Tuk_/img-3.png

Eu queria saber como colocar o Contato ali, do na mesma altura da imagem "QUEMSOMOS" , tipo container contato dentro do container footer, e na mesma altura.

grato!