title: HTML email tables broken in Outlook 2007 & 2010
body: <p>I have an email template that works fine in most email clients (or at least acceptable), but completely breaks in Outlook 2007 and Outlook 2010.</p>
  
  <p>I'm aware that these versions of Outlook use the Word rendering engine instead of IE.</p>
  
  <p>I've heard of the Outlook page break bug, but that seems to only affect vertical spacing. My issue is in horizontal spacing.</p>
  
  <p><strong>Code:</strong> <a href="http://jsbin.com/alagih/edit#html,liveb" rel="nofollow noreferrer">http://jsbin.com/alagih/edit#html,liveb</a>  <code></code></p>
  
  <p><strong>Test results for all major email clients:</strong> <a href="http://artletic.createsend.com/screens/y/F2B9C33F1297A73F" rel="nofollow noreferrer">http://artletic.createsend.com/screens/y/F2B9C33F1297A73F</a></p>
  
  <p><strong>Outlook 2007 screenshot:</strong>
  <img src="https://i.stack.imgur.com/LA4Dk.png" alt="Outlook 2007 screenshot"></p>