Well you need to add browser prefixes at this time, because non prefixed is more for future proofing (isn’t functional right now). Also, just for the sake of efficiency. saying border-radius: 10px; is the same as saying border-radius: 10px 10px 10px 10px; however is just extra typing. I assume you know that for each value of 10, or whatever number it is, is for each corner of the box. Declaring just browser-radius: 10px tells the browser to keep adding that value to each corner till it runs out.
That’s strange, I still can’t get it to work, even when I put every prefix under the sun on them. Any chance you could share the code you used? [Here's](http://codepen.io/David_Leitch/pen/hdsID “http://codepen.io/David_Leitch/pen/hdsID”) what I was experimenting with.
It’s a chrome bug for now. You can get it to work by nesting two elements. It works in Canary so I assume we’ll all see it soon. It’s a webkit thing. I found the bug on their website but accidentally Xed it out.
I’m but a poor uni student. Maybe Santa will drop it down the chimney for me. To be honest, I just haven’t had the energy to upgrade and if it’s anything like iTunes 11, I’m not going to run towards it hehe