CSS drop-down navigation bar code

<!doctype Html>"Utf-8"><title>untitled document</title><!--<link href="Test3.css"Rel="stylesheet"Type="Text/css"/>--><style type="Text/css">*{margin:0px; padding:0px}section {background: #444; Color: #E9E9E9}a {text-Decoration:none; Color: #55e5e5;-space:nowrap;overflow:hidden;text-Overflow:ellipsis}nav {width:400px;    height:60px; Margin:0Auto; Color: #999999;} UL, Li {list-style-Type:none}nav>ul >Li {float: Left; Position:relative;} Nav>ul >li >a {display:block;    padding:20px 0px;    width:80px; Text-Align:center; Border-right:1px solid #e9e9e9;}. Subnav {display:none;} Nav>ul>li:hover {background: #12aeef;} Nav>ul>li:hover. subnav {display:block;    Position:absolute; Margin-Top:1px}.subnav a {display:block; Background-color: #12aeef;    Color: #FFFFFF; Border-bottom:1px solid #f2f2f2;    width:100px; Text-Align:center;}. Subnav a:hover {background: #6dc7ec;}</style>"#">Home</a> <ulclass="Subnav"> <li><a href="#">Home1</a></li> <li><a href="#">Home2</a></li> <li><a href="#">Home3</a></li> </ul> </li> <li><a href="#">about me</a> <ulclass="Subnav"> <li><a href="#">One</a></li> <li><a href="#">Two</a></li> <li><a href="#">Three</a></li> </ul> </li> <li><a href="#">contact me</a></li> </ul> </nav>
CSS drop-down navigation bar code