title: Keep image at bottom of div, but text slightly above
body: <p><a href="http://jsfiddle.net/Hz4JF/1/" rel="nofollow">http://jsfiddle.net/Hz4JF/1/</a> shows my html + css.</p>
  
  <p>My goal is to have the image ride the bottom of the container, and the text have a small margin that does not cause the image to be nudged up.</p>
  
  <p>It's Monday, so excuse me if this is a no-brainer.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="wrapper"&gt;
      &lt;div id="superimpose"&gt;
          &lt;img id="photo" src="http://i.istockimg.com/file_thumbview_approve/10391672/2/stock-photo-10391672-portrait-of-a-businessman-with-arms-crossed.jpg"&gt;
          &lt;div id="text"&gt;
              &lt;span id="name"&gt;Bob Smith&lt;/span&gt;
              &lt;span id="phone"&gt;123-456-7891&lt;/span&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#superimpose{
      position:absolute;
      bottom:0;
      left:0;
  }
  #photo, #text{
      display: inline-block;
  }
  #text{
      margin-bottom:15px;
      text-align: center;
  }
  #text span{
      display: block;
  }
  </code></pre>
  
  <p>P.S. - I'm using spans in #text for good reason.</p>