Featured Code:
Rounded Corners for Your DIV Containers

#rnd_container {background: #fff; margin:1px;} .rnd_top, .rnd_bottom {display:block; background:transparent; font-size:1px;} .rnd_b1, .rnd_b2, .rnd_b3, .rnd_b4 {display:block; overflow:hidden;} .rnd_b1, .rnd_b2, .rnd_b3 {height:1px;} .rnd_b2, .rnd_b3, .rnd_b4 {background:transparent; border-left:1px solid #ccc; border-right:1px solid #ccc;} .rnd_b1 {margin:0 5px; background:#ccc;} .rnd_b2 {margin:0 3px; border-width:0 2px;} .rnd_b3 {margin:0 2px;} .rnd_b4 {height:2px; margin:0 1px;} .rnd_content { display:block; border:0 solid #ccc; border-width:0 1px; padding: 4px; }

<div id="rnd_container"> <b class="rnd_top"><b class="rnd_b1"></b><b class="rnd_b2"></b><b class="rnd_b3"></b><b class="rnd_b4"></b></b> <div class="rnd_content"> PUT SOME CONTENT HERE </div> <b class="rnd_bottom"><b class="rnd_b4"></b><b class="rnd_b3"></b><b class="rnd_b2"></b><b class="rnd_b1"></b></b> </div>