[html5] CSS Border-radius and New Elements

[Jacob Kristensen]

Any reason why border-radius doesn't work on article elements?

I tested this earlier today, and i can't seem to get it to work in IE9. On top of that, i actually expected it would work in Firefox, using -moz-border-radius, but it didn't.
I tried the exact same code on a div element, and this worked fine.

There also seem to be a bug, where the second value gets applied a bit odd, also in both browsers.

As i understand border-radius, the first value should represent the radius of the horizontal plane, while the second value should represent the vertical plane radius.
This should then allow web designers to sort of "squeeze" the bend of the corners. But what this in reality seem to do, is to apply two different values like below:

-X--Y-
-Y--X-

This can be seen in the example that i posted on Brugbart, http://brugbart.com/Visions/css-border-radius

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.whatwg.org/pipermail/help-whatwg.org/attachments/20110319/d22ed1b3/attachment-0001.htm>