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