<style>
nav ul ul {display: none; z-index:10000000;}
nav ul li:hover > ul {display: block;}
nav ul {z-index:1000000; padding: 0 20px; list-style: none; position: relative; display: inline-table;}
nav ul:after {content: ""; clear: both; display: block;}
nav ul li {float: left; opacity: 40%;}
nav ul li:hover {opacity:100%;}
nav ul li:hover a {opacity:100%;}
nav ul li a {display: block; padding: 5px 5px; opacity:40%;}
nav ul ul {padding: 0; position: absolute; top: 100%;}
nav ul ul li {float: none; position: relative;}
nav ul ul li a {padding: 5px 5px; opacity:40%;}
nav ul ul li a:hover {opacity:100%}
</style>