title: HTML email - extra padding in cell in Firefox & hotmail on PC
body: <p>I'm trying to style a HTML email, obviously using tables and inline styles. I'm testing using litmus .com</p>
  
  <p>I'm getting pretty good consistent results, apart from on 2 clients - Hotmail &amp; Gmail on Firefox. </p>
  
  <p>I'm embedding a table in a cell, here's the html for the embedded table - </p>
  
  <pre><code>&lt;table border="0" align="center" cellpadding="0" cellspacing="0" style="padding:0px;"&gt;  
  &lt;tr&gt;
  &lt;td colspan="3" valign="bottom" style="font-size:0px; padding:0px; margin:0px; vertical-align:bottom;overflow:hidden; "&gt;&lt;img src="/images/promo-border-top.jpg" width="221" height="4"&gt;&lt;/td&gt;
  
  &lt;td rowspan="4" style="padding-left:20px; "&gt;
  &lt;a href=""&gt;&lt;img name="template_r8_c2" src="/images/shop-now-eng.png" width="118" height="32" border="0" id="template_r8_c2" alt="shop now" /&gt;&lt;/a&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td align="left" height="24" style="padding:0px; margin:0px;  height:24px; background-image:url(/images/promo-border-left.jpg);background-repeat:repeat-y; background-position:left; overflow:hidden;" &gt;&lt;img src="/images/promo-border-left.jpg" width="4" height="24"&gt;&lt;/td&gt;
   &lt;td align="center" valign="middle" height="20" style="padding:0px; height:20px; overflow:hidden; line-height:10px; font-family: arial, helvetica; color: #333333;  font-size:12px margin-bottom:1px;"&gt;xxx-xxx-xxx-xxx&lt;/td&gt;
   &lt;td align="right" height="24" style="padding:0px; margin:0px;  height:24px; background-image:url(/images/promo-border-right.jpg); background-repeat:repeat-y; background-position:right;"&gt;&lt;img src="/images/promo-border-right.jpg" width="4" height="24"&gt;&lt;/td&gt;
   &lt;tr&gt;
   &lt;td colspan="3" valign="top" style="padding:0px; font-size:0px; margin:0px; height:4px; background-color:yellow;overflow:hidden;"&gt;&lt;img src="images/promo-border-bottom.jpg" width="221" height="4"&gt;&lt;/td&gt;        
    &lt;/table&gt;
  </code></pre>
  
  <p>I've put two images below of how it's rendering - ignore the yellow bit, that was added for testing.</p>
  
  <p><img src="https://i.stack.imgur.com/C7XX3.jpg" alt="This is how it should look, and how it looks across most clients"></p>
  
  <p><img src="https://i.stack.imgur.com/pq3Fr.jpg" alt="This is how it looks in hotmail and gmail"></p>