exacto!!! asi como lo hiciste en la foto! men nose mucho sobre css tu dices asi ? le agrege los 2 códigos que me diste, disculpa mi ignorancia...
Código:
.galeria { margin-top:5px; float:left; clear:both; }
.galeria #pelicula { width:164px; height:228px; float:left; position:relative; width: 25%;}
.galeria #pelicula a { text-decoration:none; color:#FFF; font-weight:bold; font-size:14px;}
.galeria #pelicula small:hover { text-decoration:underline;}
.galeria #pelicula small {position:absolute; width:160px; height:28px; top:190px; left:0px; text-align:center; padding-top:7px; cursor:pointer; }
.galeria #pelicula span { background:#000; position:absolute; width:160px; height:30px; top:190px; left:0px; opacity: 0.80; -moz-opacity: 0.70; filter:alpha(opacity=80);}
.galeria #pelicula img { border:0px; width:160px; height:220px; width: 100%;}