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

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

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: 115px;
top: 0;
display: none;
width: 100px;
border-left: 1px solid #FFF;
}

ul li:hover ul { display: block; }