Como colocar uma div em cima da outra?

imagem 1
/applications/core/interface/imageproxy/imageproxy.php?img=http://baixardetudo.netne.net/Imagen/Fotos/rvybmoi,.jpg&key=c102609f06df7857020649b4fce992da5a8bafc42aa815fce31ce2dae8a3c014" alt="rvybmoi,.jpg" />

Imagem 2

/applications/core/interface/imageproxy/imageproxy.php?img=http://baixardetudo.netne.net/Imagen/Fotos/asdasd.jpg&key=daeccbf247c47df7223dcd8b7d2b1c5b569f4d92752fdf675558b29a70e3fb9b" alt="asdasd.jpg" />

Ta desse jeito da imagem 1 , queria deixar igual a imagem 2;
o código que eu to usando é esse :
como fazer para aquela parte de "ultimosposts" subir um pouco?

<div id="footer">
<div id="ultimosposts">
</div><!--ultimosposts-->
</div><!--footer -->
#footer{
background:url(Imagens/footer.jpg) no-repeat;
height:207px;
width:auto;
}
#ultimosposts{
background:url(Imagens/barra_ultimos_posts.jpg) no-repeat;
height:74px;
width:253px;
margin-left:auto;
margin-right:auto;
}