border-radius

[WebSavvy]

I'm trying to do something a little different with regard to rounded corners. Something that can be done with CSS only, doesn't depend on JS and doesn't use images.

I'm trying to round corners on top, leaving bottom corners squared, and then nesting another of the same inside the parent.

In CSS3, border-radius is supported but browser support is limited within that regard.

However, mozilla (gecko based browsers) understand border-radius and per their rule on it it's done as -moz-border-radius.

However, when you try to validate anything -moz in CSS1, CSS2, or CSS3, it comes back with the error message of unable to parse -moz.

I'm at a loss on this one. Anyone have any clues or suggestions? I've been googling for 3 days doing research on this, and getting no where.

:(

[WebSavvy]

Just an FYI, border-radius has been in draft for CSS3 ever since 2002. :rolleyes: They're still not sure when it will be mainstream yet.

However, there's still no reason why mozilla specific commands do not validate in W3C's CSS validator.

The only way you can do mozilla specific commands is to use -moz ... which is what Mozilla says to do.

Looks like Mozilla and W3C need to find a middle ground where both are happy so the rest of us can validate.

[polarmate]

However, there's still no reason why mozilla specific commands do not validate in W3C's CSS validator.
Maybe because the validator has not been updated for these styles yet? Perhaps the budgeting demanded that the find be spent elsewhere? Who knows? :D

Personally, I don't care if the errors in my CSS files are due to things of this nature.