Html Outlook中表格侧面的1个白色边框

我有一个问题，在Outlook 2007、2010和2013中，nemo图像的右侧有一个小的1px边框，如下所示

但是，这在任何其他电子邮件浏览器中都不会发生。。。这是我正在使用的HTML代码

<div id="top" align="center" style="background:#fff400; background-color:#fff400;">

<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Arial; font-size:9.5px; color:#636363; width: 100%;" bgcolor="#FFFFFF" class="hide">

  <tbody><tr>
    <td align="left" bgcolor="#ffffff" style="font-family:Arial, Geneva, sans-serif; color:#000001; font-size:9px;"><img src="images/spacer.gif" alt="" height="20" width="1"></td>
  </tr>


  <tr>
    <td align="center" valign="top" bgcolor="#ffffff" style="font-family:Arial, Geneva, sans-serif; color:#000001; font-size:9px;">



   <table align="center" width="640" border="0" cellspacing="0" cellpadding="0" style="font-family:Arial; font-size:9.5px; color:#636363; " bgcolor="#FFFFFF" class="table">

  <tbody><tr>
   <td align="left" bgcolor="#ffffff" style="font-family:Arial, Geneva, sans-serif; color:#000001; font-size:9px;"><img src="images/spacer.gif" alt="" height="1" width="20"></td>
    <td width="600" colspan="3" align="left" valign="top" bgcolor="#ffffff" style="font-family:Arial, Geneva, sans-serif; color:#000000; font-size:12px;">
      Click <a href="#" style="color: #00000;">here</a> if you can't read this email
      </td>
      <td align="left" bgcolor="#ffffff" style="font-family:Arial, Geneva, sans-serif; color:#000001; font-size:9px;"><img src="images/spacer.gif" alt="" height="1" width="20"></td>
  </tr>
  </tbody></table>




    </td>
  </tr>


    <tr>
    <td align="left" bgcolor="#ffffff" style="font-family:Arial, Geneva, sans-serif; color:#000001; font-size:9px;"><img src="images/spacer.gif" alt="" height="20" width="1"></td>
  </tr>

</tbody></table>


<table align="center" width="640" border="0" cellspacing="0" cellpadding="0" style="font-family:Arial; font-size:9.5px; color:#636363; " bgcolor="#FFF400" class="table">

  <tbody><tr>
    <td width="580" align="left" bgcolor="#fff400" style="font-family:Arial, Geneva, sans-serif; color:#000001; font-size:9px;"><img src="images/spacer.gif" alt="" width="1" height="15" style="display:block" border="0"></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>


  <tr style="font-size:12px; font-family: Arial, Geneva, sans-serif; color:#000000;" align="left" valign="top">
    <td align="left" valign="top">
    <table class="table">
        <tbody>
            <tr>
                <td><a href="#" target="_blank"><img src="http://placekitten.com/172/115" width="172" height="115" alt="Alt Tag" style="display:block;" border="0" class="mob_img hide"></a></td>
                <td><a href="#" target="_blank"><img src="http://placekitten.com/406/115" width="406" height="115" alt="The 10 Minute Shake Up" style="display:block;" border="0" class="mob_img"></a></td>
            </tr>
        </tbody>
    </table>
    </td>
    </tr>

  <tr>
    <td><img src="http://design.datalateral.com\serco\73851\emails\emailOne\images/spacer.gif" alt="" height="20" width="1"></td>
  </tr>

  <tr>
    <td align="left" valign="top">
        <table width="640" border="0" cellspacing="0" cellpadding="0" style="font-family:Arial; font-size:9.5px; color:#636363; " bgcolor="#FFFFFF" class="table300">

  <tbody>
<tr>
    <td colspan="3"><span id="nemotopmobile"><img id="nemotop" src="http://design.datalateral.com\serco\73851\emails\emailOne\images/nemoDesktop_08.jpg" width="640" height="15" alt="" class="mob_img " style="display:block;" border="0"></span></td>
</tr>
    <tr>
    <td align="left" valign="top" style="font-family:Arial, Geneva, sans-serif; color:#000000; font-size:15px;"><img src="http://design.datalateral.com\serco\73851\emails\emailOne\images/spacer.gif" alt="" width="20" height="1" style="display:block" border="0"></td>
    <td align="right" valign="top">


    <table align="left" width="270" border="0" cellspacing="0" cellpadding="0" class="mob_left table300">
      <tbody><tr>
        <td align="left" valign="top" style="font-family:Arial, Geneva, sans-serif; color:#00b3f0; font-size:24px; padding-top:10px;"><img src="http://placekitten.com/270/88" width="270" height="88" alt="" class="mob_img " style="display:block;" border="0"></td>
      </tr>
      <tr>
        <td align="left" valign="top" style="font-family:Arial, Geneva, sans-serif; color:#000000; font-size:20px; padding-top:10px;"><strong>Hello {Name},</strong></td>
      </tr>
       <tr>
         <td align="left" valign="top" style="font-family:Arial, Geneva, sans-serif; color:#000000; font-size:15px;"><img src="http://design.datalateral.com\serco\73851\emails\emailOne\images/spacer.gif" alt="" width="1" height="16" style="display:block" border="0"></td>
       </tr>
       <tr>
        <td align="left" valign="top" style="font-family:Arial, Geneva, sans-serif; color:#000000; font-size:15px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pretium mi vel magna rhoncus, et pulvinar mauris varius. Nullam tincidunt, ipsum in eleifend tincidunt, tortor turpis viverra turpis, vehicula facilisis dui arcu quis sem. Aenean tincidunt diam orci, eget feugiat ante gravida eu. Fusce venenatis mollis nisi eget vulputate. Vestibulum ut turpis eget urna tincidunt volutpat sed at lorem. Donec non neque eget mauris gravida fringilla.</td>
            <td align="left" valign="top" style="font-family:Arial, Geneva, sans-serif; color:#000000; font-size:15px;"><img src="http://design.datalateral.com\serco\73851\emails\emailOne\images/spacer.gif" alt="" width="10" height="16" style="display:block" border="0"></td>
      </tr>
       <tr>
         <td align="left" valign="top" style="font-family:Arial, Geneva, sans-serif; color:#000000; font-size:15px;"><img src="http://design.datalateral.com\serco\73851\emails\emailOne\images/spacer.gif" alt="" width="1" height="16" style="display:block" border="0"></td>
       </tr>
    </tbody></table>

    <table border="0" cellspacing="0" cellpadding="0" align="right" class="table" style="mso-table-rspace: 0pt; mso-table-lspace: 0pt;">
      <tbody><tr>
          <td align="right" valign="top"><span id="nemoswitch"><img src="http://design.datalateral.com\serco\73851\emails\emailOne/images/nemoDesktop_11.jpg" width="310" height="408" alt="Finding Nemo" id="nemo" class="mob_img" style="display:block;" border="0"></span></td>
      </tr>
    </tbody></table>



    </td>
  </tr>

  <tr>
      <td colspan="3"><span id="nemobottomswitch"><img id="nemoBottom" src="http://design.datalateral.com\serco\73851\emails\emailOne\images/nemoDesktop_16.jpg" width="640" height="15" alt="" class="mob_img " style="display:block;" border="0"></span></td>
</tr>

</tbody></table>
    </td>
  </tr>
</tbody>
</table>
</div>

如果您无法阅读此电子邮件，请单击
你好{Name}，
Lorem ipsum dolor sit amet，是一位杰出的献身者。从大菱鲆到大菱鲆，再到大菱鲆。无尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾尾。埃涅亚·蒂尼·迪亚姆·奥奇（Aenean tincidunt diam orci）是一位怀孕前的女性。软绵体软绵体。在洛雷姆旋涡的前庭。不要让孕妇流连。

。你知道我哪里出错了吗

---

谢谢。

您正在表格单元格中使用背景色

要修复此问题，只需将以下内容添加到嵌入样式中：

table td { border-collapse: collapse; } 

或者您可以将其添加到内联：

<td style="border-collapse: collapse;">... </td>

。。。

在您的表（您有问题的地方）中签出您使用的colspan=“3”。但是您的表只有两列。不知道为什么要添加colspan=“3”

改变这个

 <td colspan="3"><span id="nemotopmobile"><img id="nemotop" src="http://design.datalateral.com\serco\73851\emails\emailOne\images/nemoDesktop_08.jpg" width="640" height="15" alt="" class="mob_img " style="display:block;" border="0"></span></td>

到

---

对最下面一行也执行同样的操作。

尝试过这个，它已经在文档的开头了。。。还有其他想法吗？

 <td colspan="2"><span id="nemotopmobile"><img id="nemotop" src="http://design.datalateral.com\serco\73851\emails\emailOne\images/nemoDesktop_08.jpg" width="640" height="15" alt="" class="mob_img " style="display:block;" border="0"></span></td>