Alguien me puede enseñar a convertir estas tablas en divs

[Coplo]

Código PHP:

  <table width="800" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
  <tr>
    <td colspan="2"><img src="img/banner.gif" width="800" height="150" /></td>
  </tr>
  <tr>
    <td width="193">&nbsp;</td>
    <td width="607">&nbsp;</td>
  </tr>
  <tr>
    <td valign="top"><table width="150" border="0" align="center">
        <tr>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td bgcolor="#63A2C0"><div align="center" class="estilomoi">MENU</div></td>
        </tr>
        <tr>
          <td><div align="center"><a href="index.php?show=select">Gestionar Factura</a></div></td>
        </tr>
        <tr>
          <td><div align="center"><a href="index.php?show=listado_productos">Listado Productos</a></div></td>
        </tr>
        <tr>
          <td><div align="center"><a href="index.php?show=listado_clientes">Listado Clientes</a></div></td>
        </tr>
    </table></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table> 
   

[David]

Puedes revisar estos aportes de Mikmoro:
http://www.forosdelweb.com/f53/aport...ml-css-648073/
http://www.forosdelweb.com/f53/aport...rte-ii-657814/

Por el sentido semántico, es conveniente que uses una lista desordenada (ul) en lugar de divs para el menú:

Código HTML:

<ul>
    <li><a href="#">Opción1</a></li>
    <li><a href="#">Opción2</a></li>
</ul>