Jquery 탭 ie7 오버플로가있는 가로 스크롤

Question

탭 내용에 아코디언이있는 고정 jquery UI 탭이 있습니다. Accordion의 컨텐츠가 콘텐츠의 높이를 초과 할 때 모든 브라우저에서 아코디언 머리글은 가로 방향으로 크기가 조정되고 세로 스크롤 막대를 사용하면 텍스트 아래로 스크롤 할 수 있습니다. ie7에서는 Accordion의 크기가 제대로 조정되지 않아 원하지 않는 가로 스크롤 막대가 생성되는 것 같습니다.

나는 ie6에 대해 걱정하지 않지만 ie7은 여전히 ​​사용자의 20 %입니다. 다음은 코드 뒤에 오는 두 가지 예제입니다.

http://idrinksport.com/beta/ieissues/

Answer 1

시도 스타일 속성을 추가 : 아이디 '검색'와 DIV 컨테이너에 '오버 플로우는-X 숨겨진'. 그러면 가로 스크롤 막대가 제거됩니다.

<div class="ui-tabs-panel ui-widget-content ui-corner-bottom" id="search" style="overflow-x: hidden;">