CSS corner rounding in SharePoint

Because who needs to create 19 thousand .png images just to get a nice rounder corner.

Along comes CSS3 and some nice rounding effects for your stylesheet.

#top-rounder-corners{
border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
-khtml-border-radius-: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
/*left top, right top, right bottom, left bottom*/
}

Simple enough, just remember to modify your master page to allow for rendering in IE9, big thanks to Randy Drisgill for this informative post

I changed DOCTYPE to: <!DOCTYPE HTML>

And changed the meta to: <meta http-equiv=”X-UA-Compatible” content=”IE=9; IE=8″ />

For some more reading: This of course was after a good 2 hours