vorrei inserire un div sopra una altro div e posizionarlo in basso (bottom: 0px) come posso fare, ho provato ma non riesco


<div id="sotto">[img]img.jpg[/img]
<div id="sopra">

Titolo img</p></div>
</div>


CSS

div#sotto {
color: #000;
width: 250px;
height: 200px;
z-index: 1;
}
div#sopra {
color: #000;
background-color:#FFF
width: 250px;
height: 20px;
z-index: 2;
margin-top: 230px;
position: absolute
}