<html><head><title>New menu</title>
<style>
table {
border-spacing: 0px;
}
a {
border: white outset 1px;
background: silver;
color: black;
text-decoration: none;
}
a:hover {
border: white inset 1px;
background: blue;
color: yellow;
text-decoration: none;
}
a:hover table {
display: block;
position: absolute;
}
a table {
display: none;
}
a.ver {
border: white outset 1px;
background: silver;
color: black;
}
a.ver:hover {
border: white inset 1px;
background: blue;
color: yellow;
}
a.ver:hover table {
display: inline-block;
position: absolute;
left: 64px;
}
a.ver table {
display: none;
}
</style>
</head>
<body>
<table>
<tr>
<td><a href="http://www.w3.co/">File<br/><table>
<tr><td><a href="http://www.w3.co/">New</a></td></tr>
<tr><td><a href="http://www.w3.co/">Open</a></td></tr>
<tr><td><a href="http://www.w3.co/">Close</a></td></tr>
</table></a></td>
<td><a href="http://www.w3.co/">Edit<br/><table>
<tr><td><a href="http://www.w3.co/">Cut</a></td></tr>
<tr><td><a href="http://www.w3.co/">Copy</a></td></tr>
<tr><td><a href="http://www.w3.co/">Paste</a></td></tr>
</table></a></td>
<td><a href="http://www.w3.co/">Help<br/><table>
<tr><td><a href="http://www.w3.co/" class="ver">Online<br/><table>
<tr><td><a href="http://www.w3.co/">Site</a></td></tr>
<tr><td><a href="http://www.w3.co/">Chat</a></td></tr>
<tr><td><a href="http://www.w3.co/">Forum</a></td></tr>
</table></a></td></tr>
<tr><td></td></tr>
<tr><td><a href="http://www.w3.co/">About</a></td></tr>
</table></td>
</tr></table></body>