IE的明确'X'扩展了悬停

Question

这是一个奇怪的;我有一个Quirks模式的站点（X-UA-Compatible为IE5），以及一个基本上如下的结构（不是我的选择）：

<td><!-- part of a table-layout:fixed table -->
  <table style="width:100%">
    <tr>
      <td style="width:100%">
        <input type="text" style="width:100%"/>
      </td>
      <td>
        <input type="button" style="width:100px"/>
      </td>
    </tr>
  </table>
</td>

我们的想法是，在父表格单元格中，包含一个包含尽可能宽的文本输入的行，以及一个固定宽度右侧的按钮。

粘贴或输入大型文本可以正常工作，直到您将鼠标悬停在IE添加的“X”上以清除文本。此时，尽管父细胞的大小受到限制，但细胞会在屏幕外扩展，如下所示：

这里发生了什么，我能阻止它吗？如果没有这种情况，我似乎无法强制执行全宽度。不幸的是，怪癖模式不是我现在可以改变的，这意味着我甚至无法在CSS中隐藏::ms-clear。