A thew css questions?

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.