Jquery 鼠标悬停在Internet Explorer中时Div闪烁

所以我有一个网页，其中一个div被动态内容填充，有时会脱离页面。div包含一些填充了单元格的表，每个单元格都附加了title属性。当我将鼠标悬停在表格单元格上时，div开始闪烁

侧面的滚动条也太小。但一旦我开始滚动，它就会扩展以适应整个内容。滚动到底部后，将鼠标悬停在表格单元格上不再引起闪烁

显然，我不希望当用户将鼠标移到我的内容上时，它会闪烁。删除title属性也解决了这个问题，但我希望能够将它保留在那里

此问题仅在IE8及以下版本中存在。我还没有测试过IE9+，但它在Chrome和Firefox中可以正常工作

以前有人碰到过这个问题吗？是否有一个简单的标题属性替换？欢迎并感谢您的任何意见。其中一个表的代码如下所示：

<table class="main_html">
<tr class="main_html" id="5">

    <td class="hour_slot" title="21:00" id="Alpha210000" value="21:00:00"></td>
    <td class="hour_slot" title="21:30" id="Alpha213000" value="21:30:00"></td>

    <td class="hour_slot" title="22:00" id="Alpha220000" value="22:00:00"></td>
    <td class="hour_slot" title="22:30" id="Alpha223000" value="22:30:00"></td>

    <td class="hour_slot" title="23:00" id="Alpha230000" value="23:00:00"></td>
    <td class="hour_slot" title="23:30" id="Alpha233000" value="23:30:00"></td>

    <td class="hour_slot" title="23:59" id="Alpha235959" value="23:59:59" style="border:none;"></td>
</tr>
</table>

---

这是因为td本身没有标题属性。或者是关于这个问题的一个值属性。为什么不试试这个：

<table class="main_html">
    <tr class="main_html" id="5">
        <td><div class="hour_slot" title="21:00" id="Alpha210000"></div></td>
        ...
    </tr>
</table>

...

这样，使用div，您可以为它提供所需的属性