title: How can I fix image display in Outlook 2013?
body: <p>In the trial version of Outlook 2013, images in HTML emails are being displayed very oddly. As far as I can figure through testing, it looks like images shorter than 20 pixels tall have padding added to make them 20 pixels tall. Is there anything I can do to change that? These emails look fine in Outlook 2010 and everywhere else I have been testing them. </p>
  
  <p>I have tried changing the height of the table cell they are in (<em>through <code>height="13"</code> as well as inline css</em>) as well as the table and the table row they are in, all to no avail. The following code is a simple example of something which triggers this issue, in that you will be able to see the red background of the cell above the image:</p>
  
  <pre class="lang-xml prettyprint-override"><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;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;table border="0" cellspacing="0" cellpadding="0"&gt;
    &lt;tr&gt;
      &lt;td width="195" style="background-color:#ff0000;"&gt;&lt;img src="image url here" alt="" width="195" height="13" style="display: block" /&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Can anyone help?</p>