ul.menu {list-style:none; margin:0; padding:0; float:left; text-align:left; position:relative; }
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none; position:relative; z-index: 502;}
ul.menu li {position:relative;  float:left; margin-right:2px;}
ul.menu ul {position:absolute; top:47px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none; z-index: 501;  width:160px;}

ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:158px; margin:0; z-index: 502;}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#e5e3e3; position:relative; z-index: 502;}
ul.menu ul li a:hover {background-color:#f0f0f0; position:relative;z-index: 502;}
ul.menu ul ul {left:148px; top:-1px; position:relative; z-index: 502;}

ul.menu .sub {background:#e5e3e3; }