/* CSS Document */

.menu {
width: 510px;
height:50px;
position:relative;
float:left;
padding-top:10px;
margin:auto; z-index:500; 

 



}

.menu ul {
list-style: none;
margin: 0px;
padding: 0px;
width: 169px;;
float: left;
border-left:1px solid #666;
text-align:left;
}

.menu h2 {
font: bold 11px arial, helvetica, sans-serif;
display: block;
color: #fff;
background: #333333;
text-transform: uppercase;
margin: 0px;
padding: 2px 6px;
text-align:left;
}



.menu a {
font: bold 11px arial, helvetica, sans-serif;
display: block;
color: #fff;
background: #333333;
text-decoration: none; 
border-top:1px solid #666;
margin: 0px;
padding: 2px  2px  2px  5px;

text-align:left;
font-style:normal;!important 
}

.menu a:hover {
color: #fff;
background: #222;
font-style:normal;!important 
}

.menu li {position: relative; display:inline; }

.menu ul ul {
position: absolute;
z-index: 500;
border:0px;
}

.menu ul ul ul {
position: absolute;
top: 0;
left: 100%;

}

div.menu ul ul,
div.menu ul li:hover ul ul,
div.menu ul ul li:hover ul ul
{display: none;}

div.menu ul li:hover ul,
div.menu ul ul li:hover ul,
div.menu ul ul ul li:hover ul
{display: block;}


 .menu ul li {float: left; width: 100%; }

<!--[if lt IE 7]>
body {
behavior: url(csshover.htc);
font-size: 100%;
}

.menu ul li a {height: 1%;font-style:normal;!important } 

.menu a, .menu h2 {
font: bold 11px arial, helvetica, sans-serif;
font-style:normal;!important 

}
<!--[endif]-->