title: GMail forcing TD containing spacer.gif to be 16px high
body: <p>So I've just lost several hours of my life trying to win this battle, with no luck.  In summary, I'm trying to fill a table with three 10px images, but GMail is forcing each cell to be 16px.  Here's what I am working with:</p>
  
  <pre><code>&lt;table border="0" cellpadding="0" cellspacing="0" width="550" style="height:10px !important"&gt;
      &lt;tr style="height:10px" height="10"&gt;
      &lt;td width="10" height="10" style="height:10px !important"&gt;
          &lt;img src="http://s3.amazonaws.com/meagain/images/templates/letterhead/corner_tl.gif" style="display:inline; padding: 0px; margin:0px" width="10px" height="10px"&gt;&lt;/td&gt;
      &lt;td width="531" height="10" style="height:10px !important; background-color:#FFFFFF;"&gt;
          &lt;img src="http://s3.amazonaws.com/meagain/images/templates/letterhead/spacer.gif" style="display:inline; padding: 0px; margin:0px" width="10px" height="10px"&gt;&lt;/td&gt;
      &lt;td width="9" height="10" style="height:10px !important"&gt;
          &lt;img src="http://s3.amazonaws.com/meagain/images/templates/letterhead/corner_tr.gif" style="display:inline; padding: 0px; margin:0px" width="9px" height="10px"&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>My apologies that there are so many redundant attributes, because I've been trying everything.  Basically, I'm trying to make the table exactly 10px high.  No matter what, however, GMail makes it 16px high.  If I use developer tools to delete all three images straight from the source code, then the table collapses to the 10px.  Also, if I delete 2 out of the three images, it still stays 16px.  It's almost as if the TD must be 16px if it contains an image, or the image has 3px of padding around it.</p>
  
  <p>Has anyone experienced anything like this?  And if so, any ideas?  I'm running out of ideas, and sanity..</p>