Наложение текста на картинку

По мне так средний вариант, саму рамку можно поменьше сделать, поместить её в постер.

 

Сложно говорить по наброску. Потому что разное оформление смотрелось бы по-разному. Например, если бы это была лента, то вполне подошли бы и боковые варианты, с выступом за границы постера, а если просто прямоугольник, то я бы сделал к примеру полупрозрачный фон снизу, и там вывел бы качество.

 

На 5px отступ сделай по краям рамки и полупрозрачный фон сделай

 

Это я делал стилями для блока с id новости, предварительно убрав все стили у его родителя. И полностью убрав вложенную в него таблицу.
Вёрстка там конечно полный ахтунг

Спойлер

HTML:

background: #fff;
opacity: 0.6;
width: 138px;
position: relative;
left: 12px;
bottom: 38px;
color: #3D4371;
font: bold 14px/24px Verdana;
border-radius: 2px 2px 0 0;