css - Legends overlapping border in IE7 and 8 but not 9 -
i'm having issue containing legends within fieldsets ie7 , ie 8.
basically have set of fieldsets following css:
fieldset { padding: 10px; border-top: 1px solid silver !important; }
and legends:
legend { float: left; }
i have not applied clearfix or legends fine in other browsers. first element within fieldsets , unaware float problems cause errors float above or on top of container (of course have heard of common float drop show behavior below container).
any suggestions?
styling legend
element painful , non-cross-browser currently. it's easier (though less semantic unfortunately) use element (like dl/dt
or h4
) instead of legend
.
most styling problems of legend
worked around using wrapper legend
, apply styles wrapper instead of legend
(<div><legend></legend></div>
), invalid (there corresponding [unresolved yet] issue #200 in wg issue tracker).
Comments
Post a Comment