IE8中实心字段集边框的问题

Question

我希望设置我的fieldsets的样式，使它们有一个坚实的边框。

所以我这样设计......

fieldset {
    margin: 5px;
    padding: 20px;
    border: solid orange;
    border-width: 30px 1px 1px 1px;
}

fieldset legend {
    background-color: orange;
    line-height: 30px;
    /* uncomment line below for IE8 */
    /* margin-top: -50px; */
}

在大多数浏览器（IE9，Chrome，FF14）上看起来都是这样......

我在IE8上运行时遇到了问题。我已经添加了一个-ve边距来正确对齐图例，但是在图例的每一侧仍然有两个垂直的白条我无法摆脱......

...拨弄 http://jsfiddle.net/spiderplant0/NmwuC/

任何想法如何摆脱IE8上的白条（我不关心IE7，IE6等）？

（顺便说一下，HTML是由Drupal框架生成的，所以我更喜欢不涉及更改HTML的解决方案。）

Answer 1

我检查了它并改为IE8。查看http://jsfiddle.net/NmwuC/16/

这仅适用于IE8。