Have not played with this yet, but researched it a little bit and wanted to drop a quick note about a good starting place. Basically it sounds like you can use JavaScript to round your corners and it works in all the major browsers. In your CSS you can use -moz-border-radius: Xpx, Xpx, Xpx, Xpx; to round your corners but it only works in in Firefox. You can use -webkit-border-radius: Xpx, Xpx, Xpx, Xpx; and this works in Safari. So the choice is yours, use JavaScript once and it works for all browsers or use both -moz and -webkit and forget about IE.
Good short video to watch this all in action here.
Scroll down to bottom video, it’s called how to make rounded corners with CSS and JavaScript.
Complete run-down from Mozilla Development Center here.
Better get learning how to round corners!
Comments on this entry are closed.