How do I round the table corners?

Okay, I have a custom homepage, and I need to round my corners on my table (#homegrid)...

I got the OUTSIDE ones done.

Its like this:

---|---|---
---|---|---
---|---|---

But in the edge, (pic:)

I want those rounded, so it looks like Rounded corners on each "square".

I would like to do this with css.

Code:

border-radius:XYpx;-moz-border-radius:XYpx;

XY=the amount of curve you would like.

I meant INSIDE of them.

Techykid3 wrote:I meant INSIDE of them.

The same thing applies:

For your table cells

Code:

<td class="curved">blahblahblah</td>

For your CSS

Code:

.curved{border-radius:XYpx;-moz-border-radius:XYpx;}

You can of course apply it to all table cells if you prefer.