Resmin Üzerine Div Koyma

Resmin üzerine div koymak istiyorumda




Şu şekilde bir görüntüyü nasıl elde ederim ? Yani alttaki siyah kısmı div olarak eklemek istiyorum.

Resim ve menülerin bulunduğu div'i bir div'in içine koy, menülerin bulunduğu div'e absolute tanımı yap.

Örnek:

<div style="width:200px; height:200px; float:left; position:relative;">
	<img src="araba.jpg" style="float:left; width:100%; height:100%;"/>
	<div style="position:absolute; left:0; bottom:0;"><span>30 lişi favorilere ekledi</span><a href="favoriekle.html">Favorilere Ekle</a></div>
<div>