<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script language="javascript">
function mostrar() {
menu.style.visibility = "visible";
}
function ocultar() {
menu.style.visibility = "hidden";
}
</script>
</head>
<body>
<table width="400" border="0" cellpadding="0" cellspacing="1" bgcolor="#000000">
<!--DWLayoutTable-->
<tr>
<td width="100" height="20" valign="top" bgcolor="#FFFFFF" onmouseover="mostrar()">Menu 1</td>
<td width="100" valign="top" bgcolor="#FFFFFF">Menu 2</td>
<td width="100" valign="top" bgcolor="#FFFFFF">Menu 3</td>
<td width="100" valign="top" bgcolor="#FFFFFF">Menu 4</td>
</tr>
</table>
<table id="menu" width="100" border="0" cellpadding="0" cellspacing="1" bgcolor="#000000" style=" visibility: hidden">
<!--DWLayoutTable-->
<tr>
<td onmouseout="ocultar()">
<table width="100" border="0" cellpadding="0" cellspacing="1" bgcolor="#000000">
<tr>
<td width="100" height="20" valign="top" bgcolor="#FFFFFF">Submenu 1</td>
</tr>
<tr>
<td width="100" height="20" valign="top" bgcolor="#FFFFFF">Submenu 2</td>
</tr>
<tr>
<td width="100" height="20" valign="top" bgcolor="#FFFFFF">Submenu 3</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</body>
</html>
