如何使用图例调整fieldset中的内部容器高度？ （CSS）

Question

我尝试使用chrome：http://jsfiddle.net/66a8V/创建具有可滚动内容的groupbox。

    <!-- language-all: lang-html -->
    <fieldset style="width:400px; height: 200px">
        <legend>Groupbox</legend>
        <div style="overflow: hidden; width:100%; height: 100%">
            <div style="overflow:scroll; width:100%; height: 100%">
                <h1>Content</h1>
                <h1>Content</h1>
                <h1>Content</h1>
                <h1>Content</h1>
                <h1>Content</h1>
                <h1>Content</h1>
                <h1>Content</h1>
            </div>
        </div>
    </fieldset>

组框大小不固定。

Fieldset测量没有图例的内部可用高度。如何适应内部div大小？