带有溢出的 jQuery UI 按钮

Question

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

请参阅此 jsFiddle 以了解该问题的演示:
http://jsfiddle.net/bnT2r/1/

有没有人以前见过这个，或者可以想出解决这个问题的方法？

更新:
这似乎只是 Chrome 中的一个问题。在 FF 和 IE8 中测试，显示如预期。

TIA，
-J

Answer 1

将复选框的高度设置为 0px 似乎可以解决这个问题。看起来有点奇怪，但是因为它被 jQuery UI 隐藏了，所以现在这是可以接受的。

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