Runde Ecken mit <div>-Boxen?

[marcel]

Hallo nochmal,
ich bekomms einfach nicht gebacken.
Wäre denn einer so nett und würde mir mal kurz zeigen, wie ich folgendes  HTML mit <div>'s umsetzten kann, sodass sich die Box beliebig skalieren lässt?:

<table width="167" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="11" height="36" rowspan="2"><img src="oben_links.gif" width="11" height="36" alt="" /></td>
    <td width="145" height="18" align="center" valign="bottom" style="background-image:url(oben_mitte.gif)">Überschrift</td>
    <td width="11" height="36" rowspan="2"><img src="oben_rechts.gif" width="11" height="36" alt="" /></td>
  </tr>
  <tr>
    <td width="11" style="background-image:url(mitte_links.gif)"></td>
    <td width="145" bgcolor="#F9F9F9">Inhalt</td>
    <td width="11" style="background-image:url(mitte_rechts.gif)"></td>
  </tr>
  <tr>
    <td width="11" height="16"><img src="unten_links.gif" width="11" height="16" alt="" /></td>
    <td width="145" height="16" style="background-image:url(unten_mitte.gif)"></td>
    <td width="11" height="16"><img src="unten_rechts.gif" width="11" height="16" alt="" /></td>
  </tr>
</table>

Vielen Dank.