鼠标悬停后，行保持突出显示

Question

我在Chrome中遇到了一个奇怪的神器（在Safari中运行正常）：

如您所见，向上滚动时行保持突出显示，但向下滚动时则不会。我希望该行返回原始背景颜色。

这是基本表：

<table>
  <tbody>
    <tr>
      <td id="checkmark" rowspan=2>
      </td>
      <td rowspan=2>
        OrderCreate
      </td>
      <td>
        Elemica
      </td>
      <td>
        Mr. Widgets
      </td>
      <td>
        23 Jan 2013 13:04:35
      </td>
      <td>
        49384038503940394
      </td>
    </tr>
    <tr>
      <td colspan=4>
        <span>DOC ID</span>
        <span>273ASHDF2347SDFH</span>
      </td>
    </tr>
  </tbody>
</table>

我正在与KnockoutJS和Lift（Scala）进行一些绑定，但没有什么疯狂的（在其他任何地方或Safari中都没有问题）。嗯。

这是CSS

tr {
  height: 38px;
  border-bottom: 1px solid $bg-color;
  background: white;

  &:hover {
    background: darken(white, 10%);
  }

有什么建议吗？我可能会看另一种方法来完成这项工作，因为这条路有点......卡住了。感谢。