Simple Horizontal Nav Bar - CSS3

Simple Horizontal Nav Bar

This makes semantic sense, a navigation bar is really nothing but a list of links leading into your site. 
Here is the HTML code : 

<nav>
<ul >
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Connect with US</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Download</a></li>
</ul>
</nav>


And The CSS Code Goes here...

<style>

nav ul { position:fixed;
margin-left:30%;
margin-right:30%;
padding:0;
height:50px;
list-style:none;
background-color:#f2f2f2;
border-bottom: 1px solid #ccc; 
border-left:1px solid #ccc;
border-top: 1px solid #ccc;
box-shadow:3px 4px 10px green;
border-radius:12px;
}

nav ul li { float:left;}

nav li a {
display:block;
padding:8px 12px;
text-decoration:none;
color:#069;
border-right:1px solid #ccc;
}

nav li a:hover {
color: #c00;
background-color:#fff;
                           }

</style>