HTML字段集的边框与图例重叠

Question

所以我有一个HTML字段集和图例，并且在IE7中边界外溢出的字段集中存在background-color的问题。我能够通过使用负边距解决问题，如下所示：

fieldset {
    background-color:#E6E2D7;
    padding-top:5px;
    position:relative;
}

fieldset legend {
    position: absolute;
    top: -0.6em;
    left: 0.5em;
}

现在，fieldset的边框越过IE8 + / Firefox / Chrome中的图例，但在IE7中看起来很好。

这是一个已知问题，如果有，是否有解决方法？

以下是该问题截图的链接：

screenshot http://i46.tinypic.com/350o20i.png

Answer 1

通过在定义

之前添加* + html，可以拥有IE7特定的css类

示例：

/* IE7 specific css*/
* + html fieldset legend {
    position: absolute;
    top: -0.6em;
    left: 0.5em;
}

/* all other browsers*/
fieldset legend {
    position: absolute;
}