THEtheChad/menu.html

## menu.html
<!doctype html>
<html>
<head>
	<style>
	.menu,
	.submenu
	{
	    list-style: none;
	    margin: 0;
	    padding: 0;
	}
	.submenu
	{
	    display: none;
	}
	.menu li
	{
		position: relative;
	}
	.menu > li
	{
	    float: left;
	}
	.menu a,
	.menu > li:hover .submenu
	{
	    display: block;
	}
	</style>
</head>
<body>

	<ul class="menu">
	    <li><a href="#">Main 1</a></li>
	    <li>
	        <a href="#">Main 2</a>
	        <ul class="submenu">
	            <li><a href="#">Sub 1</a></li>
	            <li><a href="#">Sub 2</a></li>
	        </ul>
	    </li>
	</ul>

</body>
</html>