It appears that Google Chrome is experiencing a bug with overflowing content inside of a fieldset element.
For a visual demonstration of the issue, you can visit this jsfiddle link: http://jsfiddle.net/Dismissile/Lnm42/
Upon inspecting the page, it becomes evident that when a container is nested within a fieldset and has the CSS property overflow: auto applied to it, causing its contents to overflow horizontally, the fieldset itself expands rather than displaying a scrollbar:
<fieldset class="parent">
<div class="child">
<div class="grandchild">
asdf
</div>
</div>
</fieldset>
<div class="parent">
<div class="child">
<div class="grandchild">
asdf
</div>
</div>
</div>
CSS styles being used:
.parent {
border: 1px solid green;
padding: 20px;
margin: 20px;
}
.child {
border: 1px solid red;
padding: 20px;
overflow: auto;
}
.grandchild {
border: 1px solid #ccc;
width: 2000px;
padding: 10px;
}
If you are looking for a CSS workaround or fix that will allow content to overflow correctly when nested inside a fieldset in Chrome, please let me know!