There have been several times in my adventures of creating websites were I've wanted to add content in a box with rounded corners. For those of you who've never tried it, let me inform you that it's not easy at all. In most cases, it involves creating a graphic with the box you want in your website, splicing it the four corners, strategically creating a table or several DIVs to place the images and your content, and then hoping that you can get them all the line correctly. For programmers that are graphically challenged (like me), this is a monumental task without some help.
For years I've said to myself that it'd be nice if there was a way to create a CSS that gave you rounded corners without images. Not only are they difficult to create and cut up, but they also take up bandwidth and make your pages load slower. Well this week, I finally went on a search for such CSS ... and found one that was quite helpful. Spiffy Corners gives you an online tool to generate the CSS and the HTML sample code you need to implement. This and other tools available use a technique called anti aliasing text, much like what is used in graphics program to make edges smooth. That's about all I know about it, other than it's real easy to use and worked great with the website I needed it for.
http://www.spiffycorners.com/
I want to send a special thank you to Greg Johnson for creating this tool, spending the time to figure out how to do it, and for making this available to the public for free. Just make sure you give him the credit he deserves. Thanks, Greg.