title: Images displaying the wrong size or with incorrect spacing in Gmail app
body: <p>I have a table based html email which displays correctly in Outlook, Thunderbird, and Gmail in a web browser. When I view the email in the Gmail app on an android device the images fail to line up. I have already used the tried and true <code>style="display:block"</code> fix for images in Gmail with no luck as well. Setting <code>border-collapse:collapse;</code> on the table also seemed to make no difference. Strangely the result seems to vary based on the device used. For example, my sample code below on a Galaxy Nexus renders the row with three images narrower than the rows above and below it. On a Nexus 5 the result is the opposite, with the three image row displaying wider than the other rows. I think the problem may be due to the way the app is scaling the email to fit the screen. Or I've overlooked something really basic. I would greatly appreciate any help or ideas.</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;body bgcolor="#FFFFFF"&gt;
  &lt;table id="Table_01" width="600" height="619" border="0" cellpadding="0" cellspacing="0"&gt;
      &lt;tr&gt;
          &lt;td colspan="3" style="width:600px; height:454px;"&gt;
              &lt;img src="http://www.netmockup.com/gmailtest/images/index_01.png" width="600" height="454" alt="" border="0" style="display:block;" /&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style="width:203px; height:104px;"&gt;
              &lt;img src="http://www.netmockup.com/gmailtest/images/index_02.png" width="203" height="104" alt="" border="0" style="display:block;" /&gt;&lt;/td&gt;
          &lt;td style="width:194px; height:104px;"&gt;
              &lt;img src="http://www.netmockup.com/gmailtest/images/index_03.png" width="194" height="104" alt="" border="0" style="display:block;" /&gt;&lt;/td&gt;
          &lt;td style="width:203px; height:104px;"&gt;
              &lt;img src="http://www.netmockup.com/gmailtest/images/index_04.png" width="203" height="104" alt="" border="0" style="display:block;" /&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td colspan="3" style="width:600px; height:61px;"&gt;
              &lt;img src="http://www.netmockup.com/gmailtest/images/index_05.png" width="600" height="61" alt="" border="0" style="display:block;" /&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>