В фото галереи название не над изображениями, а на изображениях

<h1 class="con_heading">{$photo.title}</h1>

            <img src="/images/photos/medium/{$photo.file}"  />

 
<div class="image_title">
     <img src="/images/photos/medium/{$photo.file}" alt="{$photo.title}" />
     <h2 id="photo_title">{$photo.title}</h2>
</div>
 

 
.image_title {
      position: relative;
      width: 100%; /* for IE 6 */
      }
.img_tittle img {
      border: 0px;
      }
h2#photo_title {
      position: absolute;
      top: 200px;
      left: 0;
      width: 100%;      
      color: white;
      font: bold 24px/45px Helvetica, Sans-Serif;
      letter-spacing: -1px;
      background: rgb(0, 0, 0); /* fallback color */
      background: rgba(0, 0, 0, 0.7);
      padding: 10px;
}