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:
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:
Ver originalul li ul{display:none}
ul li:hover ul{display:block}