Tabulka s kulatými rohy

[Stene]

Prosím o pomoc s tabulkama.. Když si tento kód otevřete tak vidíte, jak je mezi vrchním okrajem tabulky a vršku rámečku (před zakulacením) nějaké místečko. To samé je dole. Pomůže mi někdo tento prostor odstranit?

[syntax=html]
<div class="curved-box">
<h2></h2>
<center>

<table rules="all" frame="box">
<tr><td width="150px" align="center">horní levá buňka</td><td width="150px" align="center">horní pravá</td></tr>
<tr><td align="center">dolní levá</td><td align="center">dolní pravá</td></tr>
</table>

</center>
<p></p>
</div>
[/syntax]

[syntax=css]
<style>
.curved-box
{
margin: 10px;
width: 298px;
background-color:#c3d0d4;
}

.curved-box h2
{
background: #c3d0d4 url(curve_top.png) no-repeat left top;
color: #f4fbfd;
padding: 16px 0px 0px 0px;
}

.curved-box p
{
background: #c3d0d4 url(curve_bottom.png) no-repeat left bottom;
margin: 0px;
padding: 16px 0px 10px 15px;
text-align: left;
}
</style>
[/syntax]

obrázky:

curve_top.png (382 bajtů) Zobrazeno 603 x

curve_bottom.png (390 bajtů) Zobrazeno 603 x

[Stene]

top

[CZechBoY]

v opeře: border-radius
v mozzile: -moz-border-radius
pak je ještě nějakej -webkit-border-radius
potom to jde přes JS nebo přes ty obrázky no, mrknu kdyžtak odpoledne ještě

ps. v Chromu jde myslim ten -moz-border-radius

[Stene]

Ptal jsem se na to, jak to upravit a nechtěl jsem od tebe přesměrování na něco jiného.

[Stene]

Vyřešeno