Crear un Sub Menú en CSS

[webosiris]

para hacer lo que quieres debes de usar html semántico.

- deja de usar tablas para diseñar y úsalas solo para lo que son, marcar datos tabulados
- un menú es una lista de items, por lo tanto usa UL y LI
- un submenu es una lista de items anidados de un item de la lista principal, ergo el html correcto es:

Código HTML:

<ul>
   <li><a href="#">Item 1</a></li>
   <li><a href="#">Item 2</a>
      <ul>
         <li><a href="#">SubItem 1</a></li>
         <li><a href="#">SubItem 2</a></li>
         <li><a href="#">SubItem 3</a></li>
      </ul>
   </li>
   <li><a href="#">Item 3</a></li>
</ul>
 

luego el css básico es sencillo, se resume en ocultar el UL anidado y mostrarlo cuando se hace hover sobre el LI padre

Código CSS:

ul li ul{display:none}
ul li:hover ul{display:block}