Firefox中一个长达十几年的“BUG”——fieldset标签的overflow属性无效

今天使用fieldset标签遇到的，本以为只是个小问题，没想到却成了挖坟。
示例代码：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<style>
		fieldset{
			border: solid 1px #EEE;
			overflow: auto;
			/*float: left;*/ /* 浮动后Firefox无法修复 */
			width: 100px;
			/*min-width: 0;*/ /* 修复Chrome下宽度无法固定 */
		}
		/* 修复Firefox下宽度无法固定 */
		/*@-moz-document regexp(".*") {
			fieldset {
				display: table-column;
			}
		}*/
	</style>
</head>
<body>
	<fieldset>
		<legend>test</legend>
		<div>
			testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
		</div>
	</fieldset>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<style>

fieldset{

border: solid 1px #EEE;

overflow: auto;

/*float: left;*/ /* 浮动后Firefox无法修复 */

width: 100px;

/*min-width: 0;*/ /* 修复Chrome下宽度无法固定 */

}

/* 修复Firefox下宽度无法固定 */

/*@-moz-document regexp(".*") {

fieldset {

display: table-column;

}

}*/

</style>

</head>

<body>

<div>

testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest

</div>

</fieldset>

</body>

</html>

该代码在IE8至IE11下表现正常，超出宽度后滚动：

但在Chrome47和Firefox42下与预期不符：

一番搜索后，得知：
Chrome下，fieldset标签的默认属性中min-width为-webkit-min-content值。而min-width的优先级大于width属性，因而内部div的width超出了fieldset的width却未出现滚动。可通过设置fieldset的min-width属性来覆盖默认值。
Firefox下，没有好的一个解决方案，只能通过hack方式解决。通过只为Firefox浏览器设置display属性为table-column值，可固定fieldset宽度。