Simple Horizontal Nav Bar - CSS3

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>