title: Outlook 2013 background image renders differently on different computers
body: <p>I put a large, animated background gif into an HTML table.  I used a standard Outlook trick so that the background will show up.  I don't expect it to animate, but at least show the first frame.  On top of the image, I have different URLs and html text for a promo code.  So, I used transparent spacer images to set the spacing so I could link the different sections.</p>
  
  <p>This code works fine on all platforms and browsers, including Outlook 2013. However, on some computers, the background image seems to blow up, or be zoomed in, and so the email looks distorted.  We checked that all our outlook and computer display settings are the same.  </p>
  
  <p>Why do this email appear differently on different computers, even though it works perfect on others?</p>
  
  <hr>
  
  <pre><code>&lt;table width="684" border="0" cellpadding="0" cellspacing="0" align="center"&gt;
  &lt;tr&gt;
      &lt;td valign="middle" align="center" width="684" height="762" background="https://cdn.staticsfly.com/i/sfly/y/2016/P21626_summer_animate_v2.gif" style="background-color:#ffffff; min-width:684px;"&gt;
  &lt;!--[if gte mso 9]&gt;
      &lt;v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:684px;height:762px;"&gt;
          &lt;v:fill type="tile" src="https://cdn.staticsfly.com/i/sfly/y/2016/P21626_summer_animate_v2.gif" color="##ffffff" /&gt;
          &lt;v:textbox inset="0,0,0,0"&gt;
  &lt;![endif]--&gt;
      &lt;div&gt;
      &lt;table width="684" border="0" cellpadding="0" cellspacing="0" align="center"&gt;
      &lt;tr&gt;
          &lt;td valign="top" width="684" height="29" colspan="2"&gt;&lt;img style="display: block;" src="https://cdn.staticsfly.com/i/e/z/spacer_60x80.gif" width="684" height="29" border="0" alt="48 HOURS ONLY"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td valign="top" width="342" height="243"&gt;&lt;a href="#"&gt;&lt;img style="display: block;" src="https://cdn.staticsfly.com/i/e/z/spacer_60x80.gif" width="342" height="243" border="0" alt="ONE NOTEPAD"&gt;&lt;/a&gt;&lt;/td&gt;
          &lt;td valign="top" width="342" height="243"&gt;&lt;a href="#"&gt;&lt;img style="display: block;" src="https://cdn.staticsfly.com/i/e/z/spacer_60x80.gif" width="342" height="243" border="0" alt="ONE MAGNET"&gt;&lt;/a&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td valign="top" width="684" height="206" colspan="2"&gt;&lt;img style="display: block;" src="https://cdn.staticsfly.com/i/e/z/spacer_60x80.gif" width="684" height="206" border="0" alt="CHOOSE TWO FREE GIFTS"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;/table&gt;
      &lt;table width="684" border="0" cellpadding="0" cellspacing="0" align="center"&gt;
      &lt;tr&gt;
          &lt;td valign="top" width="248" height="66"&gt;&lt;a href="#"&gt;&lt;img style="display: block;" src="https://cdn.staticsfly.com/i/e/z/spacer_60x80.gif" width="248" height="66" border="0" alt="ONE 8x10 ART PRINT"&gt;&lt;/a&gt;&lt;/td&gt;
          &lt;td valign="top" align="center" width="190" height="66" style="font-family: Arial, Verdana, Geneva, sans-serif; color: #000001; font-size: 14px; line-height: 22px; min-width:190px;"&gt;&lt;span class="apple_link" style="color:#000001; text-decoration: none;"&gt;Offer ends Sunday&lt;br&gt;Code: 2DELIGHTS&lt;/span&gt;&lt;/td&gt;
          &lt;td valign="top" width="246" height="66"&gt;&lt;a href="#"&gt;&lt;img style="display: block;" src="https://cdn.staticsfly.com/i/e/z/spacer_60x80.gif" width="246" height="66" border="0" alt="ONE PLACEMAT"&gt;&lt;/a&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;/table&gt;
      &lt;table width="684" border="0" cellpadding="0" cellspacing="0" align="center"&gt;
      &lt;tr&gt;
          &lt;td valign="top" width="342" height="218"&gt;&lt;a href="#"&gt;&lt;img style="display: block;" src="https://cdn.staticsfly.com/i/e/z/spacer_60x80.gif" width="342" height="218" border="0" alt="ONE 8x10 ART PRINT"&gt;&lt;/a&gt;&lt;/td&gt;
          &lt;td valign="top" width="342" height="218"&gt;&lt;a href="#"&gt;&lt;img style="display: block;" src="https://cdn.staticsfly.com/i/e/z/spacer_60x80.gif" width="342" height="218" border="0" alt="ONE PLACEMAT"&gt;&lt;/a&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;/table&gt;
      &lt;/div&gt;
  &lt;!--[if gte mso 9]&gt;
          &lt;/v:textbox&gt;
      &lt;/v:rect&gt;
  &lt;![endif]--&gt;
  
      &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>