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>