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