Navbar will not center - html

Question

Ok, so I have looked around for the past two days to try and fix this problem, and I cannot find a solution. I am trying to create a site using asp.net and am attempting to center the navbar. Now, it is almost centered, my onnly problem is that there is a gap on the left side of the nav bar, here is a pic to show:
I have tried practically everything from changing float style, display, padding, margin, and text indents, and nothing is working. can someone please help? Thank you.
nav {
font-family:'Electrolize',sans-serif;
font-size: 0.7em;
height: 60px;
margin: 0px auto;
padding: 0;
position: relative;
width: 70%;
}
nav ul li {
background-color: rgb(192, 64, 0);
border-radius:10px 10px 0 0;
-moz-border-radius:10px 10px 0 0;
-o-border-radius:10px 10px 0 0;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
box-shadow:2px 2px 4px rgba(0, 0, 0, 0.9) inset;
-moz-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.9) inset;
-o-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.9) inset;
-webkit-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.9) inset;
color:#eee;
float: left;
list-style:none;
margin-left: 0 !important;
padding: 0;
text-align: center;
text-indent: 0;
text-decoration:none;
transition:all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
vertical-align: baseline;
width: 20%;
}
<form id="form1" runat="server">
<div>
<header>
<img class="headerImg" runat="server" src="~/Resources/header_1.png" />
</header>
<nav>
<ul>
<li><a href="home.aspx" >Home</a></li>
<li><a href="#" >About Us</a></li>
<li><a href="#" >Policies</a></li>
<li><a href="#" >FAQ's</a></li>
<li><a href="#" >Contact Us</a></li>
</ul>
</nav>
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"></asp:ContentPlaceHolder>
</div>
</form>

Answer 1

Add padding 0(zero) to the ul
nav {
font-family:'Electrolize',sans-serif;
font-size: 0.7em;
height: 60px;
margin: 0px auto;
padding: 0;
position: relative;
width: 70%;
}
nav ul{
padding: 0px;
}
nav ul li {
background-color: rgb(192, 64, 0);
border-radius:10px 10px 0 0;
-moz-border-radius:10px 10px 0 0;
-o-border-radius:10px 10px 0 0;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
box-shadow:2px 2px 4px rgba(0, 0, 0, 0.9) inset;
-moz-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.9) inset;
-o-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.9) inset;
-webkit-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.9) inset;
color:#eee;
float: left;
list-style:none;
margin-left: 0 !important;
padding: 0;
text-align: center;
text-indent: 0;
text-decoration:none;
transition:all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
vertical-align: baseline;
width: 20%;
}
<form id="form1" runat="server">
<div>
<header>
<img class="headerImg" runat="server" src="~/Resources/header_1.png" />
</header>
<nav>
<ul>
<li><a href="home.aspx" >Home</a></li>
<li><a href="#" >About Us</a></li>
<li><a href="#" >Policies</a></li>
<li><a href="#" >FAQ's</a></li>
<li><a href="#" >Contact Us</a></li>
</ul>
</nav>
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"></asp:ContentPlaceHolder>
</div>
</form>