Rounded Corners on tab panel

Question

I am looking for suggestions on how I can added rounded
corners to the tabs in the tab panel.

Answer 1

Personally, I would open Fireworks. Use the rectangle tool to
draw the size you need for the tabs and set the corner radius by
use of the field in the properties panel. Save one image for each
of the button states you wish to show. In the css, bring the images
in by setting background-image and change them by setting the
:hover for the corresponding class or ID.
I know you can do this with javascript rendering tools like
curvy corners, though it is a river of code compared to two lines
required by the css. (If you have trouble with the CSS post again
and I'll check back sometime this evening.
#your_named_id {
background-image:url(folder_path/your_file.png)
#your_named_id:hover{
background-image:url(folder_path/your_rolloverimg.png)
}