帶溢出的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; 
}