title: Email HTML: Outlook adding extra pixel
body: <p>Outlook is adding an extra pixel on the right to my HTML email. Any idea on how to fix this? from what I read on the net <code>border-collapse: collapse !important;</code> should of fixed it but its not. <a href="http://www.emailonacid.com/blog/details/C6/tips_and_tricks_outlook_07-13" rel="nofollow noreferrer">Outlook HTML Tricks/Tips</a></p>
  
  <pre><code>&lt;tr style="vertical-align: top; text-align: left; padding: 0;" align="left"&gt;
  &lt;td width="15" valign="top" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0;" align="left"&gt; &lt;/td&gt;
  &lt;td style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top"&gt;
  
  &lt;table class="container" width="580" align="center" cellpadding="0" cellspacing="0" style="border-spacing: 0; border-collapse: collapse !important; vertical-align: top; text-align: inherit; min-width:580px; width: 580px; background: #fff; margin: 0 auto; padding: 0; border-left: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2;" bgcolor="#ffffff"&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/lo3tA.jpg" alt="enter image description here"></p>