<div class="img-desc">  
  <img src="Здесь ваше изображение" 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;  
}