css - 图例在 IE7 和 8 中重叠边框但不是 9

Question

我在 IE7 和 IE 8 的字段集中包含图例时遇到问题。

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

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

对于传说：

legend {
    float: left;
}

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

有什么建议么？

Answer 1

样式legend元素目前是痛苦的且非跨浏览器。使用另一个元素（如DL/DTor H4）而不是legend.

大多数样式问题legend可以通过使用 wrapper forlegend并将样式应用于 wrapper 而不是legend自身 ( <div><legend></legend></div>) 来解决，但这目前是无效的（在 WG 问题跟踪器中有一个相应的 [unresolved yet] issue #200 ）。