title: Outlook changing border css on table
body: <p>I'm having problems with creating some HTML emails to display correctly in Outlook desktop 2013, I've managed to solved all my problems up until now about from this border issue that I just can't understand.</p>
  
  <p>Basically in the outlook web app my table looks like this:
  <a href="http://imgur.com/EqbluKF" rel="noreferrer">http://imgur.com/EqbluKF</a></p>
  
  <p>But on Outlook 2013 it somehow looks like this:
  <a href="http://imgur.com/s1ZQRqW" rel="noreferrer">http://imgur.com/s1ZQRqW</a></p>
  
  <p>Here's my table code before outlook eats it up and makes this mess:</p>
  
  <pre><code>&lt;table cellspacing="0" cellpadding="1" border="0" align="center" width="100%" style="margin:auto;"&gt;
  &lt;thead&gt;
      &lt;tr height="40" style="background-color: #CFE1D3; "&gt;
          &lt;th align="center" width="17%" style="line-height: 1.6em; border-style: solid; border-color: #777; border-width: 1px 0 0 1px;"&gt;&lt;strong&gt;&lt;?php echo $this-&gt;__('Item') ?&gt;&lt;/strong&gt;&lt;/th&gt;
          &lt;th align="center" width="17%" style="line-height: 1.6em; border-style: solid; border-color: #777; border-width: 1px 0 0 1px;"&gt;&lt;strong&gt;&lt;?php echo $this-&gt;__('Product Code') ?&gt;&lt;/strong&gt;&lt;/th&gt;
          &lt;th align="center" width="30%" style="line-height: 1.6em; border-style: solid; border-color: #777; border-width: 1px 0 0 1px;"&gt;&lt;strong&gt;&lt;?php echo $this-&gt;__('Product Description') ?&gt;&lt;/strong&gt;&lt;/th&gt;
          &lt;th align="center" width="10%" style="line-height: 1.6em; border-style: solid; border-color: #777; border-width: 1px 1px 0 1px;"&gt;&lt;strong&gt;&lt;?php echo $this-&gt;__('Quantity') ?&gt;&lt;/strong&gt;&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
     &lt;tr&gt;
       &lt;td align="center" style="line-height: 1.6em; border-style: solid; border-color: #777; border-width: 1px; border-right-width: 0; border-top-width: 0;"&gt;&lt;img src="images/product"  alt="test" width="100%" height="auto" align="left" /&gt;&lt;/td&gt;
       &lt;td align="center" style="line-height: 1.6em; border-style: solid; border-color: #777; border-width: 1px; border-right-width: 0; border-top-width: 0;"&gt;test&lt;/td&gt;
       &lt;td align="center" style="line-height: 1.6em; border-style: solid; border-color: #777; border-width: 1px; border-right-width: 0; border-top-width: 0;"&gt;This is a test&lt;/td&gt;
       &lt;td align="center" style="line-height: 1.6em; border-style: solid; border-color: #777; border-width: 1px; border-top-width: 0;"&gt;1&lt;/td&gt;
     &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>
  
  <p></p>