title: Transparent layer of text over an image
body: <p>I have the following markup:</p>
  
  <pre><code>&lt;div class="photo" style="float: left; margin: 2px;"&gt;
      &lt;a href="#"&gt;
          &lt;img src="images/image.jpg" alt="My Image" height="240" width="240" /&gt;
      &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I create a layer on top of the image where I can write some text? The layer should have transparency, be aligned to bottom and having a size of 240x60?</p>
  
  <p>Thanks!</p>