body 
{
   
}

* { 
padding: 0; 
margin: 0; 
font-family: Arial, sans-serif; 
} 
body { 
margin: 20px; 
font-size: 12px; 
} 
ul { 
list-style: none; 
width: 150px; 
} 

ul a { 
color: #FFF; 
text-decoration: none; 
display: block; 
padding: 5px 5px 5px 10px; 
width: 175px; 
background: #333; 
} 

ul a:hover { 
color: #4BD8FF; 
text-decoration: none; 
background: #3C3C3C; 
} 
ul li { 
border-bottom: 1px solid #FFF; 
float: left; 
position: relative; 
} 

ul li ul { 
list-style: none; 
position: absolute; 
left: 140px; 
top: 0; 
display: none; 
width: 100px; 
border-left: 1px solid #FFF; 
} 

ul li:hover ul 
{
   display: block;
 }