CSS Tabs
Simple CSS Tabs:
<style type="text/css">
#tabs { height:20px; margin:0; padding-left:10px; background:url(css-tabs.gif) repeat-x bottom; }
#tabs li { margin:0; padding:0; display:inline; list-style-type:none; }
#tabs a:link, #tabs a:visited { float:left; background:#f3f3f3; line-height:14px; padding:2px 10px 2px 10px; margin-right:4px; border:1px solid #cccccc; text-decoration:none; color:#666666; }
#tabs a:link.active, #tabs a:visited.active { border-bottom:1px solid #ffffff; background:#ffffff; color:#000000; }
#tabs a:hover { background:#ffffff; }
</style>
<ul id="tabs">
<li><a href="#">First Tab</a></li>
<li><a href="#">Second Tab</a></li>
<li><a href="#">Third Tab</a></li>
<li><a href="#">Last Tab</a></li>
</ul>
DIV Rounded Corners
Use JS/CSS for DIV rounded corners (rounded_corners.js):