Sorry, not one of the better examples to help you.
Basically, there are several ways to get rounded corners for the tabbed panels.
The safest way is to place a background image to the tabs giving the illusion of rounded corners. This is the way that most rounded corners are represented today.
A more exciting way is to round the corners using CSS3. This will effect rounded corners in Firefox, Safari, Chrome, Opera, and IE9. There is absolutely no support for border-radius in older versions of IE.
The prudent choice is to allow older versions of IE to render rectangular corners.
No see that still doesn't answer my question. What I want to know is if you can use the border-radius property on a spry menu bar 2.0 to get rounded corners on the menu bar (and well I guess you'd need to do it to the submenus too) and if you can where in all of that code would you add the border-radius?
In that I case I repeat one of my earlier answers,
Have a look here http://www.adobe.com/devnet/dreamweaver/articles/spry_menu_bar.html
This time I shall add that you need to page down the the section called
Preparing to add embossed borders to the menu items.
I do realise that you are not proposing to do any embossing of the borders, but what applies here applies to any modification to the borders.
Oh! In case you had not realised, any styling that can be done using CSS can be applied to the Spry Widgets. This is especially true for the Spry UI widgets.
Ha cool I found exactly where to add the border-radious property to get rounded corners on it, I just have to add it onto #MenuBar .MenuItem
Thank you for all your help, guess finding this answer was kind of a combination of your help and looking through the css for that tutorial I had already done to find the exact spot to place it.