Как настроить таблицу на размер фонового изображения?

Question

Мне нужно поместить текст поверх изображения, это точно так же, как и изображение профиля в Facebook, где вы видите фотографию, и на ней отображается изображение с изменением в верхнем правом углу изображения.

Я создал таблицу и поместил текст в верхнем правом углу, но проблема в том, что не все изображения имеют одинаковую высоту, а таблица режет некоторые до их окончания. Я не знаю, как заставить таблицу не обрезать изображение пополам, а вместо этого делать так, как этого требует изображение.

EG: Этот код только получает мне одну линию моего образа:

<table border="0" cellspacing="0" cellpadding="0"> 
<tr> 
<td width="300px" valign="top" style="background-image: url(http://www.chusmix.com/Imagenes/grupos/lujan.jpg);">Your text here</td> 
</tr> 
</table> 

Answer 1

Создать Div Поместите img на него и создать другой DIV внутри, что и положение его top:0; right:0 и поставить то, что вы хотите иметь его в верхнем правом углу изображения! и импульс будет автоматически изменяться. Проверьте this example я сделал.