rounding off corners on cell boarders
 

How can a have rounded off corners on each of my cells boarders? What would be the best way to do this?

I think I should explain more of what I'm trying to do before I get any responses...

I don't know if it's possible to round off corners of cells within one table or if I have to create a separate table and round off the corners of each table. In the body of my site I would like to have two "rounded off corner content areas" on top and three smaller ones directly below that.

I did some searching and now know that I need to create images to get that rounded off corner affect, now it's just a question of how to create the look I'm after. Do I need create multiple tables or one table with multiple cells?

You would have to put DIV container inside the table cells and put round corners on those

<table><tr>
<td><div class="mydiv"> ... </div></td>
<td><div class="mydiv"> ... </div></td>
<td><div class="mydiv"> ... </div></td>
</tr></table>

CSS Insert

div.mydiv {
-moz-border-radius:10px;
-khtml-border-radius: 10px;
-webkit-border-radius:10px;
border-radius: 10px;
}