Crear un Sub Menú en CSS

[bathory84]

Que tal amigos, yo diseñé un Menú en CSS dentro de una Tabla, quisiera en el Botón "Productos" crear un Sub-Menú desplegable, ayudenme por favor, este es el Menú dentro del HTML:

Código HTML:

<table width="964" height="40" border="0" align="center" cellpadding="0" cellspacing="0" class="fondotabla">
  <tr>
 
    
    <th class="izquierda" scope="col">
    <a class="active" href="#">Principal</a></th>
    
    <th class="centro" scope="col">
    <a href="nosotros.html">Nosotros</a></th>
    
    <th class="centro" scope="col">
    <a href="servicios.html">Servicios</a></th>
    
    <th class="centro" scope="col">
    <a href="productos.html">Productos</a></th>
    
    <th class="centro" scope="col">
    <a href="testimonios.html">Testimonios</a></th>
    
    <th class="derecha" scope="col">
    <a href="contactos.html">Contactos</a></th>
    
    
  </tr>
</table>
 

Esta es la imagen de como luce el Menú actualmente: