Si te fijaste en el código:
Código html:
Ver original <em>Enemigos Publicos
</em> <img width="100" height="165" border="0" title="Enemigos Publicos (2009)" src="../enemigospublicos.jpg" alt="Enemigos Publicos (2009)"/>
verías que es una lista (ul) y cada enlace está dentro de un elemento de la lista (li) flotados a la izquierda para que se muestren uno al lado del otro.
Cada li tiene un enlace (a) que es el que tiene la imagen y el pequeño texto.
El título lo tiene dentro está dentro de un <em> (podría ser un <span>) con las propiedades:
display: block; position absoluted; un poco de padding para que tenga la zona blanca alrededor y puesto en su sitio con left: 5px; top:160px;
Eso hace que se ponga sobre la imagen, que no tiene mayor secreto que un borde y un pequeño padding.
Como verás sencillo de realizar.
Un saludo