Kulatý rohy s pomocí CSS (nebo tabulek)

kulatý rohy u různých tabulek a tak. zaoblení! je to celkem dost používaný a navíc to i pěkně vypadá. ale jak to udělat? nějak se mi to nepovedlo z sourců stránek vytáhnout. předpokládám, že základem by mohl být background-image. ale jak do jednoho elementu (řekněme div) jich nadefinovat víc různejch. zkoušel jsem to, ale nefunguje to...

pokud někdo zná jednoduché řešení tohoto problému s použitím tabulek, nechť se blýskne :) a tím jednoduché myslím JEDNODUCHÉ :)))

poradí prosím někdo? předem dík

pomocou tabuliek je zaklad takyto:

<table>
<tr>
<td background="lavy_horny_roh.jpg"></td>
<td background="horna_ciara.jpg"></td>
<td background="pravy_horny_roh.jpg"></td>
</tr>
<tr>
<td background="lava_ciara.jpg"></td>
<td> <!-- JADRO TABULKY --> </td>
<td background="prava_ciara.jpg"></td>
</tr>
<tr>
<td background="lavy_dolny_roh.jpg"></td>
<td background="dolna_ciara.jpg"></td>
<td background="pravy_dolny_roh.jpg"></td>
</tr>
</table>

ak to ale chces mat html validne tak treba dat background do css stylu, dalej by som este odporucal zadat rozmery jednotlivich buniek

yo, díky!

a teď nějaký (elegantnější) řešení pomocí CSS?

třeba tady...
http://alistapart.com/articles/customcorners/