make a curved border for a div

to make a curved border for a div...

add the following to the style sheet

.curvy {position:relative; width:200px; background:#FFCC66; color:#000; margin:5em auto;}
#ctl, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px; color:#000; background:#fff; overflow:hidden; font-style:normal; z-index:1;}
#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}

.curvy em b {position:absolute; font-size:150px; font-family:arial; color:#FFCC66; line-height:40px; font-weight:normal;}
#ctl b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}
.curvy p {position:relative; z-index:100; padding:10px 10px 10px 20px;}

and the following to the html code:

<div class=\"curvy\">
<em id=\"ctl\"><b>•</b></em>
<em id=\"cbl\"><b>•</b></em>

<em id=\"ctr\"><b>•</b></em>
<em id=\"cbr\"><b>•</b></em>
<p id=\"title\">Machine List
<ul><li>sifter</li>
<li>debranners</li>
</ul>
</p>
</div>