오버플로가있는 jQuery UI 버튼

Question

높이와 오버 플로우가 각각 지정된 두 개의 중첩 컨테이너가 있습니다. 내 컨테이너에 jQuery UI 단추가있는 경우를 제외하고 일반적으로 예상대로 작동합니다. 이 경우 내용이 올바르게 보이지만 바깥 쪽 컨테이너가 내용이 보이듯이 내부 컨테이너에 의해 숨겨져있는 것처럼 스크롤됩니다.
http://jsfiddle.net/bnT2r/1/

사람이 전에 본 적이, 또는이 문제에 대한 해결책을 마련 할 수

이 문제의 데모이 jsFiddle를 참조하십시오?

업데이트 :
이것은 Chrome에서만 문제가되는 것으로 보입니다. FF 및 IE8에서 테스트되었으며 예상대로 나타납니다.

TIA, -J

Answer 1

가에 #outer의 DIV의 오버 플로우 및 위치 속성을 변경해보십시오 :

position:relative; 
overflow:hidden; 

jsFiddle example.

Answer 2

확인란의 높이를 0px로 설정하면 문제가 해결되는 것 같습니다. 다소 이상하게 보이지만 jQuery UI에 의해 숨겨져 있기 때문에 지금은 받아 들일 만합니다.

input[type=checkbox].ui-helper-hidden-accessible { 
    height: 0; 
}