CSS Forum

I'm trying to make tabs with round corners. I know there is a solution with a backgroundimage but the name's are generated with a CMS (so I don't know how the tabs are going to be. So that tric won't work.

My CSS
------------------------
#tabarea {
border-bottom-color: Black;
border-left: 0px none Black;
border-right: 0px none Black;
border-top: 0px none Black;
border-bottom: 1px solid #CECECE;
padding: 2px 2px;
}

#tabarea a{
background-color: #f0f0f0;
border: 1px solid #cccccc;
padding: 2px 1em 2px 1em;
text-decoration: none;
}

#tabarea a, #tabarea a:visited {
color: Blue;
}

#tabarea a:hover {
background-color: #d0d0d0;
color: #606060;
}
-----------------
HTML

<div id="tabarea"><a href="#">hello</a> <a href="#">world</a></div>

Has anybody a suggestion?

Thanks