Saving for myself: duplicating fieldset rounded corners in FF and Safari

[cschick]

CSS to duplicate IE rounded corners on fieldsets in Firefox and Safari

Comments

[thalia_dmuse]

Very cool - thanks!

[cschick]

If you haven't stumbled across this gotcha: you cannot style the border on fieldsets or you lose the rounded corners in IE. You can put the above in the CSS class or style string and IE ignores it, but the instant you add border: 2px, IE dumps the rounded corners. *rolls eyes*

Our UI has been kind of abusing fieldsets for the rounded corner aspect in IE (since we only officially support IE . . . also *rolls eyes* since the thing works about 100x better in any other browser then IE). So I was very happy to find the above CSS to extend that to FF/Safari.