如果使用float CSS属性,JQueryUI手风琴将不会调整大小

我正在尝试使用JQuery UI创建一个手风琴。 我使用了一种布局,其中手风琴向左浮动,而另一个侧边栏向右浮动。(参见以下小提琴: http://jsfiddle.net/MEJYu/ )

#container {
    border: 1px solid black;
    width:50%;
    height:100%;
}

#accordion {
    float:left;
}

#sidebar { 
    float:right;
}

当我使用float或display:table/table单元格配置时,手风琴无法正确调整大小以适应父div。(我使用的是heightStyle:fill)。

当我取消float属性时,手风琴会按预期显示。

有人知道我做错了什么吗?

谢谢!:)