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

Popular posts from this blog

django - How can I change user group without delete record -

java - Need to add SOAP security token -

java - EclipseLink JPA Object is not a known entity type -