传说在IE7和8中重叠边界但不是9

Question

我在IE7和IE 8的字段集中包含了一个包含图例的问题。

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

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

和传说：

legend {
    float: left;
}

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

有什么建议吗？

Answer 1

样式legend元素目前是痛苦的，非跨浏览器。一般来说，使用另一个元素（如DL/DT或H4）而不是legend，通常更容易（尽管语义较少）。

legend的大多数样式问题可以通过使用legend的包装器来解决，并将样式应用于包装器而不是legend本身（<div><legend></legend></div>），但这是当前的invalid（WG问题跟踪器中有相应的[尚未解决] issue #200）。