codice:
.menu{ 
width:750px; 
margin:0px auto; 
padding:0px; 
height:30px; 
margin-top:5px; 
position:relative; z-index:20; 
}   

.menu ul{ 
margin: 0px auto; 
padding:0px 0px 0px 8px; 
margin-top:5px; 
}  

.menu ul li ul{ 
margin: 0px auto; 
padding:0px 0px 0px 0px; 
}   

.menu li{ 
position: relative; 
float: left; 
list-style: none; 
margin: 0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
}  

.menu li a{ 
height: 30px; 
text-decoration:none; 
text-align: center; 
line-height: 30px; 
color: #333; 
background: #6d6c4e; 
margin: 0px 0px 0px 0px; 
padding:0px 5px 0px 5px; 
}  

.menu li a:hover{
background: #F6DB5A;
white-space:normal;
direction: ltr;
} 

.menu ul ul{ 
position: absolute; 
top: 30px; 
visibility: hidden; 
}  

.menu ul li:hover ul { 
visibility:visible; 
white-space:normal;
 }  

.menu ul ul ul li { 
visibility: hidden; 
left:150px; top:-30px; 
}  

.menu ul ul li:hover ul li {
 visibility:visible; 
white-space:normal; 
}  

.menu ul li ul li a{ 
width:163px; 
height: 30px; 
display: block; 
text-decoration:none; 
text-align: center; 
line-height: 30px; 
color: #333; 
background: #6d6c4e; 
margin: 0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
}