I am trying to create rounded corners for my 3 column table (CSS table). I used:
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
in my CSS, but what I get is the top image. What I want it to look like is the bottom image.

Is there any way that this can be done?
I’d suggest enclosing the whole table in a
<div>and then rounding the corners of that div