<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Prueba</title>
</head>
<style>
* { margin: 0px;
padding: 0px; outline: 0;
}
html, body { background: #366;width: 100%;}
body { font-family: Verdana, Arial, Helvetica, sans-serif;}
#menu {text-align: center;
font-size: 0.7em;
width: 165px;
margin: 20px auto;
}
#menu ul { list-style-type: none;}
#menu ul li.nivel1 { float: left;
width: 162px;
margin-right: 2px;
}
#menu ul li a {display: block!important;display: inline-block;
text-decoration: none;
color: #fff;
padding: 8px;
}
#menu ul li a.nivel1ie {width: 160px;padding: 6px 0px 8px 0px;}
#menu ul li:hover {position: relative;
}
#menu ul li a:hover, #menu ul li:hover a.nivel1 {color: #000;
position: relative;
}
#menu ul li a.nivel1 {display: block!important;display: none;
position: relative;
}
#menu ul li ul {display: none;
}
#menu ul li a:hover ul, #menu ul li:hover ul {display: block;
position: absolute;left: 0px;padding-top: 0px!important;padding-top: 6px;
}
#menu ul li ul li a {width: 160px;
padding: 6px 0px 8px 0px;
border-top-color: #000;
}
#menu ul li ul li a:hover {border-top-color: #000;
position: relative;
}
table.falsa {border-collapse:collapse;
border:0px;
float: left;
position: relative;
}
</style>
<body>
<div id="menu">
<ul>
<li class="nivel1"><a href="http://www.forosdelweb.com" class="nivel1">Menú</a>
<!--[if lte IE 6]><a href="http://www.forosdelweb.com" class="nivel1ie">Menú<table class="falsa"><tr><td><![endif]-->
<ul>
<li><a href="#">Menú Degustacion</a></li>
<li><a href="#">Menú del dia</a></li>
<li><a href="#">Vinos</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
</div>
</body>
</html>