JQuery UI 탭이 올바르게 표시되지 않음 - Internet Explorer

Question

Jquery UI 탭을 시작하려고하는데 사이트에있는 데모와 관련된 문제가 있습니다. 사이트 자체에서 제대로 실행되지만 소스와 다른 모든 파일을 내 컴퓨터에서 실행하기 위해 다운로드하면 처음에는 정확하게 다음과 같이 렌더링됩니다. 하지만 다른 탭을 클릭하면

왼쪽의 탭을 클릭하면 항상 모양이 올바르게 보이지만 다른 탭을 클릭하면 내가 그린 선이 렌더링되지 않습니다. Firefox 및 Chrome에서 제대로 작동합니다. 그 전에 다른 사람이 본 적이 있습니까?

나는 약간 통보에 정말로 감사 할 것입니다.

감사합니다,
마가 복음

Answer 1

나는이 문제를 발견했다. 그 JQueryUI CSS에서. 그것의이 같은 .ui-탭 .ui-탭 - 탐색 리 요소를 정의 :

.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; } 

즉 1 픽셀의 margin