Firefox 3とSafari 3のCSSでは、W3CのCSS3で提案されている罫線の角丸が、border-radiusプロパティで設定すると使用することが出来ます。

CSS 3 罫線角丸　例 1　CSS3で罫線を角丸で表示した ソースコードのサンプルです。

　罫線を角丸で表示するためには、CSSのborder-radius プロパティで指定します。
Firefox 3 で使用するには、{ -moz-border-radius: xxpx;
Safari 3 で使用するには、{ -webkit-border-radius: xxpx; と、指定します。 xxpxは、角丸半径の値です。
併記することで、両ブラウザーで利用することが出来ます。

CSS 3 罫線角丸　例 2　角ごとにそれぞれ半径を指定する場合

　任意の角の半径を変えて表示することも可能です。その場合は、CSS 3では下記のようにプロパティで半径を指定します。
border-top-left-radius（左上の半径を指定）
border-top-right-radius（右上の半径を指定）
border-bottom-right-radius（右下の半径を指定）
border-bottom-left-radius（左下の半径を指定）

　 Safari 3は、CSS 3のプロパティに「-webkit-」を接頭に付けて記述します。
-webkit-border-top-left-radius（左上の半径を指定）
-webkit-border-top-right-radius（右上の半径を指定）
-webkit-border-bottom-right-radius（右下の半径を指定）
-webkit-border-bottom-left-radius（左上の半径を指定）

　 他方、Firefoxは、CSS 3のプロパティに「-moz-」を接頭に付けたものではなく、下記のように記述しますので注意して下さい。
-moz-border-radius-topleft（左上の半径を指定）
-moz-border-radius-topright（右上の半径を指定）
-moz-border-radius-bottomright（右下の半径を指定）
-moz-border-radius-bottomleft（左下の半径を指定）

角ごとの半径をまとめて指定する場合（Firefox)

div { -moz-border-radius: xxpx yypx zzpx aapx; と、記述します。

　角丸表示は、rico.jsでも使用することが出来ますが、他のJavaScriptと併用すると、バッティングを起こす恐れがありますので、注意する必要があります。

詳細は、ZDNet Japan builderをご覧くだ さい。