ÿþ<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <head> <title>Rounded Corners the Technorati Way</title> <style type="text/css">div.bloginfo-summary {background: url(http://static.technorati.com/static/css/img/bg/fade-lightgreen.png) repeat-x; float:left;margin-bottom:20px;padding:10px;width:690px} /* Large radius image backgrounds */ .boxc {position:relative;} .boxc b.cn { height: 10px; width: 10px; background: url(http://static.technorati.com/static/css/img/corners/white.png) no-repeat; position:absolute; } .boxc b.tl {top: -1px; left: -1px; background-position: top left;} .boxc b.tr {top: -1px; right: -1px; background-position: top right;} .boxc b.bl {bottom: -1px; left: -1px; background-position: bottom left;} .boxc b.br {bottom: -1px; right: -1px; background-position: bottom right;} /* IE Filters */ * html .boxc b.bl {bottom:-2px} * html .boxc b.br {bottom:-2px} * html .boxc b.cn {background-image: url(http://static.technorati.com/static/css/img/corners/white.gif);}</style> </head> <body> <p>Example below from the article "<a href="http://justaddwater.dk/2007/02/15/rounded-corners-the-technorati-way/" title="Justaddwater: Rounded Corners the Technorati Way">Rounded Corners the Technorati Way</a>"</p> <div class="bloginfo-summary boxc"> <h2>..</h2> <ul> <li>..</li> .. </ul> <b class="cn tr"></b> <b class="cn br"></b> <b class="cn tl"></b> <b class="cn bl"></b> </div> </body> </html>