title: HTML email : remove border between <td> buttons in Outlook 2007
body: <p>I try to hide or remove a border that is displayed between 2 call-to-actions in Outlook 2007.</p>
  
  <p>This border isn't displayed over the background image of my email but appears over the background color in Outlook 2007 (Outlook doesn't support the bg img) and I'v tried many things to put it off.</p>
  
  <p>Here is the screen :</p>
  
  <p><a href="http://i.stack.imgur.com/vC5cV.gif" rel="nofollow">http://i.stack.imgur.com/vC5cV.gif</a></p>
  
  <p>And this is my source code for this part :</p>
  
  <pre><code>&lt;table class="table-inner" width="50%" border="0" align="center" cellpadding="0" cellspacing="0"&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td data-link-style="text-decoration:none; color:#FFFFFF;" align="center" height="36" style="border-radius: 20px; border: 2px solid #FFFFFF; padding-left: 15px; padding-right: 15px; font-family: 'Open Sans', Arial, sans-serif; color: #ffffff; font-size: 14px; font-weight: bold; background-color: rgb(1, 119, 181);"&gt;
              &lt;a href="" style="color:#FFFFFF;" target="_blank"&gt;
              Link 1
              &lt;/a&gt;
          &lt;/td&gt;
          &lt;td width="25"&gt;
          &lt;/td&gt;
          &lt;td align="center" height="36" bgcolor="#5eaade" style="border-radius: 20px; border: 2px solid #FFFFFF; padding-left: 15px; padding-right: 15px; font-family: 'Open Sans', Arial, sans-serif; color: rgb(255, 255, 255); font-size: 14px; font-weight: bold; background-color: rgb(94, 170, 222);"&gt;
              &lt;a href="" style="color:#ffffff;" target="_blank"&gt;
              Link 2
              &lt;/a&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>
  
  <p></p>
  
  <p>Please help me to remove this awful "bottom" line between the 2 buttons ?</p>
  
  <p><strong>Regards</strong></p>