css – 在IE中,fieldset的背景颜色超出了边框

在IE中,fieldset的背景颜色超出了边框.我有一个表格,背景颜色设置为蓝色,字段集的背景颜色设置为白色.我怎样才能在IE中解决这个问题？

我的CSS：

fieldset {margin:10px;}         
fieldset legend {font-size: 14px; font-style:normal;}

我正在动态创建fieldset.

newFieldset = document.createElement('fieldset');
newLegend = document.createElement('legend');
newLegend.innerHTML = 'Claimant information';
newFieldset.appendChild(newLegend);
OverdueReportsSummaryDetailsTableDiv.appendChild(newFieldset);

请看附件(点击放大)

谢谢

解决方法

这是一个众所周知的IE错误,无论您是使用JavaScript生成元素还是自己编写HTML,都会发生这种错误.

legend是fieldset的子项,但由于它位于字段集顶部边缘的“上方”,IE(错误地)扩展了字段集的背景颜色以包含图例.

一个简单的解决方法是绝对定位图例,使其脱离正常的元素流,并手动调整其位置,使其大致位于正常位置.同时相对定位场地集,使图例保持在其附近.

像这样的东西(根据需要调整值)：

fieldset {
    position: relative;
    margin: 10px;
}

fieldset legend {
    position: absolute;
    top: -0.5em;
    left: 0.5em;
    font-size: 14px;
    font-style: normal;
}