<div class="img-desc">  
  <img src="sample.jpg" alt="" />  
  <cite>Симпатичный диванчик. Устраивайтесь по-удобнее... </cite>  
  </div>

.img-desc {  
position: relative;  
display: block;  
height:335px;  
width: 575px;  
}  
.img-desc cite {  
background: #111;  
filter:alpha(opacity=55);  
opacity:.55;  
color: #fff;  
position: absolute;  
bottombottom: 0;  
leftleft: 0;  
width: 555px;  
padding: 10px;  
border-top: 1px solid #999;  
}