jQuery UI Button с переполнением

Question

У меня есть два вложенных контейнера, каждый из которых имеет высоту и переполнение. Обычно это работает, как и ожидалось, за исключением случаев, когда в моем внутреннем контейнере содержатся кнопки jQuery UI. Когда это так, оно выглядит «правильно», но внешний контейнер все еще прокручивается, как если бы содержимое было видимым, даже если оно скрыто внутренним контейнером.

Смотрите эту jsFiddle для демонстрации выпуска:
http://jsfiddle.net/bnT2r/1/

Кто-нибудь видел это раньше, или может придумать решение этого вопроса?

UPDATE:
Это только кажется, проблема в Chrome. Протестировано в FF и IE8, и оно выглядит как ожидалось.

ТИА,
-J

Answer 1

Попробуйте изменить переполнения и позиции свойства #outer дел до:

position:relative; 
overflow:hidden; 

jsFiddle example.

Answer 2

Установка высоты флажка до 0px, похоже, устраняет проблему. Кажется, это странно, но поскольку он скрыт от jQuery UI, это приемлемо на данный момент.

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