title: Overlaying images within a html table
body: <p>I'm creating an email template and using tables to position stuff. I wanted to overlap an image over the other, but am not able to do so. I'm using the following  within a row, but it doesn't seem to work. If someone could help me out, I'd really appreciate it.</p>
  
  <pre><code> &lt;td colspan="3" style="padding: 14px; background-color: rgb(241, 241, 241); font-size: 11px; font-family: arial,helvetica; color: rgb(69, 85, 95);
  .under{
  position:absolute;
  left:80px;
  top:0px;
  z-index:-1;
  }
  .over
  {
  position:absolute;
  left:50px;
  z-index:1;
  }"&gt;
  </code></pre>