ul {
    font-family: Arial;
    margin: 0;
    padding: 0;
    list-style: none;
}

ul li {
    display: block;
    position: relative;
    float: left;
	text-align: center;
}

li ul {
    display: none;
}

ul li a {	
	background: white;
    color: black;
    display: block;
	font-size: 16px;	
	padding: 10px 15px 10px 15px;
    text-decoration: none;	
    white-space: nowrap;
	width: 60px;
}

ul li a:hover {
color: red;
}

li:hover ul {
    display: block;
    position: absolute;
}

li:hover li {
    float: none;
    font-size: 14px;
}

li:hover a {	
border-bottom: 1px solid black; 
color: black;
}

li:hover li a:hover { 
color: red;
}