JQuery UI选项卡无法正确显示 - Internet Explorer

Question

我正在尝试开始使用Jquery UI选项卡，并且遇到了他们在其网站上的演示问题。它在网站本身上运行良好，但是当我下载源代码和所有其他文件以在我的机器上运行它时，它最初像这样正确呈现： 但是当我点击任何其他选项卡时，它们渲染这样的：

点击最左边的标签总是让事情看起来是正确的，但点击其他标签引起我已经盘旋线不被渲染。它适用于Firefox和Chrome浏览器。 以前有没有其他人看过类似的东西？

我会很感激的一些建议。

感谢，
马克

Answer 1

我发现这个问题。它在JQueryUI CSS中。其定义的.ui-标签的.ui的选项卡，导航li元素是这样的：

.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } 

当它应该是

.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em -1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } 

即1px的应该是-1px为margin