如何删除放在html表格单元格中的VML形状上方的小空格？

Question

我尝试使用VML for Outlook将直角三角形放在表格单元格中，这将从单元格的底部延伸到顶部。但是，由于某种原因，细胞内部的形状上方会出现一个小间隙。我想删除这个空间。形状上方的空间如下所示：

这里是其中一个内部带有直角三角形的单元格的代码：

CSS

td {
  border-collapse: collapse;
  font-size: 0;
  mso-line-height-rule: exactly; 
  line-height: 0;
  padding: 0px;
  margin: 0px;
}

VML

<td style="background-color: #ffffff" width="20px">                                                             
  <div style="background-color: #ffe01a; mso-hide:all;">                                                             
    <div style="font-size: 0; line-height: 0; width: 0; height: 0;
                border-style: solid; border-width: 0px 0px 20px 20px;
                border-color: transparent transparent #ffffff transparent; mso-hide:all;">
      &nbsp;
    </div>
  </div>
  <!--[if mso]>
  <v:shape filled="true" style="width:20px; height:20px; mso-position-horizontal:left; mso-position-vertical:top;"
           fillcolor="#ffe01a" stroked="f" path="M 1000,0 L 0,1000, X E" xmlns:v="urn:schemas-microsoft-com:vml">
  <o:lock selection="t"/><v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
  <!--[if mso]></v:textbox></v:shape><![endif]-->
</td>