jquery - JQuery-ui : サイズ変更可能なパネルで、heightstyle 塗りつぶしのタブ、タブ コンテンツの高さが更新されない

Question

私の問題は、heightStyle が「fill」に設定されたタブ要素があり、このタブがサイズ変更可能な要素内にある場合、親のサイズが変更されたときに、それに応じてタブのコンテンツのサイズが変更されないことです。

コードは非常に簡単です。

$("#tabs").tabs({
    heightStyle: 'fill'
});
$('#resize').resizable({
     handles: 's'
});

css、p はタブのコンテンツです。

body {
    font-size:62.5%;
}
#tabs {
    height:100%;
}
p {
    background-color:yellow;
    width:100%;
    height:100%;
}

そして、ここに私が何を意味するかを示すフィドルがあります: http://jsfiddle.net/C27dF/1/

基本的に、タブ コンテナーのサイズが変更されていることがわかりますが、コンテンツは変更されていません。

タブのコンテンツの高さを更新する方法を知っている人はいますか?

どうもありがとう。