Creating a Table with Rounded Corners

Question

I'm interested in creating a table with rounded corners without using images.

How can this be accomplished?

My idea was that I could wrap the table with a div and to set the rounded corners to the div. By taking a glance at this fiddle you can see that the tables border overwrites the border of the div. Is there a style which prevents from the overwriting?

Answer 1

Why dont you just take the border of the table out?