带溢出的jQuery UI按钮

Question

我有两个嵌套容器，每个都有指定的高度和溢出。除了当我的内部容器包含jQuery UI按钮时，这通常按预期工作。在这种情况下，它看起来是正确的，但外部容器仍然滚动，就好像内容是可见的，即使它被内部容器隐藏。

对这一问题的演示看到这个的jsfiddle：
http://jsfiddle.net/bnT2r/1/

有没有人见过这个，还是可以想出一个解决这个问题？

UPDATE：
这在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; 
}