Ejem ? solo eso ?...
Bueno, tal y como lo veo, con tablas lo vas a tener muy difícil. Sobre todo IE que hace lo que le de la gana. Te recomiendo que uses
ul (listas).
Te dejo como quedaría tu menú con ul.
CSS.<style type="text/css">
#menuprincipal ul {margin:0px; padding:0px; list-style:none;}
#menuprincipal ul li {float:left; padding:3px;}
#submenu {display:none; position:fixed;}
#submenu li a {display:block; _position:absolute; }
#submenu li {float:none !important;}
</style>
javascript (utiliza display:none; en vez de visibility).
<script type="text/javascript">
function muestra(id)
{
document.getElementById(id).style.display='block';
}
function oculta(id)
{
document.getElementById(id).style.display='none';
}
</script>
Menu <li onMouseOver="javascript:muestra('submenu');" onMouseOut="javascript:oculta('submenu');"> Nuestros vinos
<ul id="submenu" onMouseOut="javascript:oculta('submenu');"> <li><a href="#">Vinos tintos
</a></li> <li><a href="#">Vinos blancos
</a></li> <li><a href="#">Mostos
</a></li> <li>Visitas y Cartas
</li> <li>Dominacion de origen
</li>
Ejemplo de como quedaría
(click para agrandar):
Aparte, con ese javascript, te va a ser imposible colocar otro sub-menu puesto que el id se puede declarar solo una vez.
Te recomiendo que mires el código de un compañero ha hecho mas o menos lo mismo pero con jQuery.
->
http://foro.elhacker.net/desarrollo_web/menu_desplegable_html_css_jquery_ayuda-t351067.0.htmlSaludos