IF you use <fieldset> <legend></legend> </fieldset> HTML: And view it in firefox it does not have the rounded corners like in I.E is there a fix for this. And is there a fix for useing cursor: hand; so it works on firefox. Thanks in advance.
The "hand" value for the cursor property is proprietary, and not a part of css. The correct value is "pointer". Thus: {cursor: pointer;} I don't have IE7 in front of me right now, but IE6 doesn't round corners. Are you saying that IE7 rounds the corners on the legend border by default? The border-radius property is in the css3 working draft. To my knowledge, the Moz/Gecko family of browsers are the only UAs supporting it as a vendor-proprietary test. The proper syntax for a proprietary property is to prepend -[vendor designator]- to the property name. Some designators are -moz- for moz/gecko -o- for Opera -mso- for IE -khtml- for khtml engined UAs such as Konqueror and maybe Safari(?) For Firefox, do legend { border: 1px solid black; -moz-border-radius: 6px; /*where the value is the radius of the curve*/ border-radius: 6px; /*just in case someone is supporting it without the right syntax*/ } Code (markup): cheers, gary
OK thanks and in i.e 7 <fieldset> has the rounded borders looks very cool rather than the normal 1 thanks for your help Rep added. But now i.e does not have the rounded border.