Rounded Border with CSS
<style type="text/css">
\n .round{
\n border:2px solid black;
\n -moz-border-radius-topright: 20px;
\n -moz-border-radius-topleft: 20px;
\n -moz-border-radius-bottomright: 20px;
\n -moz-border-radius-bottomleft: 20px;
\n width:200px;height:200px;
\n text-align:center
\n }
\n</style>
\n<div class="round">
\n Rounded edge in Moz
\n</div>
\n .round{
\n border:2px solid black;
\n -moz-border-radius-topright: 20px;
\n -moz-border-radius-topleft: 20px;
\n -moz-border-radius-bottomright: 20px;
\n -moz-border-radius-bottomleft: 20px;
\n width:200px;height:200px;
\n text-align:center
\n }
\n</style>
\n<div class="round">
\n Rounded edge in Moz
\n</div>
One note i would say is that i nearly didnt post it as its Mozilla only. The reason i went against it is because it degrades gracefully in other browsers.