Javascript JQuery UI选项卡显示不正确-Internet Explorer

我试图开始使用jQueryUI选项卡，但他们网站上的演示遇到了问题。它在站点本身上运行良好，但当我下载源文件和所有其他文件以在我的计算机上运行时，它最初会正确呈现如下所示： 但当我单击任何其他选项卡时，它们呈现如下：

单击最左边的选项卡总是使事情看起来正确，但单击其他选项卡会导致我圈出的线无法渲染。它在Firefox和Chrome中运行良好。 以前有人见过这样的东西吗

如果你能给我一些建议，我将不胜感激

谢谢，

---

-马克

我发现了问题。它在JQueryUI CSS中。它定义了.ui tabs.ui tabs nav 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; }

---

i、 e.1px应该是-1px，因为

页边距
源代码在这里：谢谢，我遇到了同样的问题，您的解决方案非常有效！