Css 图例与IE7和IE8中的边框重叠，但与IE9中的边框重叠

我有一个问题，在IE7和IE8的字段集中包含图例

基本上，我有一组具有以下CSS的字段集：

fieldset {
    padding: 10px;
    border-top: 1px solid silver !important;
}

至于传说：

legend {
    float: left;
}

我没有对图例应用clearfix或任何东西，因为它们在所有其他浏览器中都很好。它们是字段集中的第一个元素，我不知道任何浮动问题实际上都会导致错误，因为它们浮动在容器上方或容器顶部（当然，我们都听说过常见的浮动下降，它们在容器下方显示这种行为）

---

有什么建议吗？

样式设置

legend

元素目前很痛苦，不需要跨浏览器。通常只使用另一个元素（如

DL/DT

或

H4

）而不是

legend

，会更容易（尽管不幸的是语义较少）

legend

的大多数样式问题都可以通过使用

legend

的包装器来解决，并将样式应用于包装器而不是

legend

本身（

），但这是当前的问题（在WG问题跟踪程序中有一个对应的[尚未解决]）