HTML Test 3

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/normalize/3.0.0/normalize.min.css">
<nav>
    <ul>
        <li>
            <a href="#">Hover to show dropdown list</a>
            <ul>
                <li><a href="#">Contact Mr. Tuan Anh</a></li>
                <li><a href="#">View porfolio summary</a></li>
                <li><a href="#">Register for E-Statement</a></li>
            </ul>
        </li>
    </ul>
</nav>

CSS

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

nav ul ul {
	display: none;
}
nav ul li:hover > ul {
    display: block;
}
nav ul {
	background: #fff; 
	padding: 0 20px;
	border-radius: 10px;  
	list-style: none;
	position: relative;
	display: inline-table;
}
nav ul:after {
    content: ""; clear: both; display: block;
}
nav ul li {
	float: left;
    border-radius: 3px;
    border: 1px solid #249aa7;
}
nav ul li:hover {
    background: #f7f7f7;
}
nav ul li:hover a {
    color: #333;
}

nav ul li a {
    display: block; 
    padding: 25px 40px;
    color: #333; 
    text-decoration: none;
}
nav ul ul {
	background: #f7f7f7; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
}
nav ul ul li {
    float: none; 
    /* border-top: 1px solid #6b727c; */
    /* border-bottom: 1px solid #575f6a; */
    position: relative;
}
nav ul ul li a {
    padding: 15px 40px;
    color: #fff;
}	
nav ul ul li a:hover {
    background: #249aa7;
    color: white;
}