Jquery ui 表格单元格内的jQuery UI按钮-呈现问题

我正在使用jQuery按钮，尤其是这个示例：

我已将此标记放入每行的td表中：

<div>
    <button id="possible-actions">Action</button>
</div>
<ul>
    <li><a href="#">Reopen</a></li>
    <li><a href="#">Close</a></li>
    <li><a href="#">Delete</a></li>
    <li><a href="#">Move...</a></li>
</ul>

当然，我也相应地修改了javascript。然而，现在我正在努力解决InternetExplorer8中的渲染问题。发生的情况是，其他单元格的内容是用bug呈现的——例如，行具有wierd高度，一些单元格内容是在单元格外部呈现的。但当我将鼠标移到行上时，IE似乎会重新绘制/刷新，并且行是固定的

我没有任何鼠标悬停处理程序或其他事件。普通表+这个jqueryui按钮。我想知道这种情况是否会发生，因为我在td中使用了块元素，或者我在加载页面后动态创建这些按钮，并且浏览器在呈现表时出现问题

---

仅供参考：Google Chrome&FF没有此问题。

将标记更改为：

<span style="display: inline-block">
    <button id="possible-actions">Action</button>
</span>
<ul style="display: none">
    <li><a href="#">Reopen</a></li>
    <li><a href="#">Close</a></li>
    <li><a href="#">Delete</a></li>
    <li><a href="#">Move...</a></li>
</ul>

修正了这个问题。我使用的样式是：

显示：内联块-因为我需要控制一些宽度/高度调暗 显示：无-因为我在单击按钮时按需创建和显示菜单

---

IE在jQuery上总是有问题…请发布一个JSFIDLE示例。在JSFIDLE上复制它可能很困难，但我会试试