I'd like to use a tableless layout, if at all possible, but am having a problem using rounded corners... to smooth out the page. Below is what it looks like placed in a table: (like you all wouldn't know how it would look... hmphhh!)

Code:
<table width="765" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr bgcolor="#b2c4c2"> 
    <td height="25" colspan="5" background="images/grngrad_navbar_180.gif">&nbsp;</td>
  </tr>
  <tr> 
    <td width="10" rowspan="3" bgcolor="#b2c4c2">&nbsp;</td>
    <td width="20" align="left" valign="top">
<img src="images/tpleft.gif" alt="corner image" width="20" height="20"></td>
    <td width="745" align="center" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="20" align="right" valign="top">
<img src="images/tpright.gif" alt="corner image" width="20" height="20"></td>
    <td width="10" rowspan="3" bgcolor="#b2c4c2">&nbsp;</td>
  </tr>
  <tr> 
    <td width="745" height="125" colspan="3" bgcolor="#FFFFFF"></td>
  </tr>
  <tr> 
    <td width="20" align="left" valign="bottom">
<img src="images/btmleft.gif" alt="corner image" width="20" height="20"></td>
    <td width="745" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="20" align="right" valign="bottom">
<img src="images/btmright.gif" alt="corner image" width="20" height="20"></td>
  </tr>
  <tr bgcolor="#b2c4c2"> 
    <td height="25" colspan="5" background="images/grngrad_navbar.gif">
    </td>
  </tr>
</table>
Would someone help guide me how/if *the above* is/can be done using <div>'s and CSS?

TIA,
Steve