CSS Fixed Width List...

[Pulse]

  <div class="style2" id="nav">
  <ul>
  <li><a href="#">Home</a></li>
  <li><a href="#">HTML</a></li>
  <li><a href="#">CSS</a></li>
  <li><a href="#">PHP</a></li>
  <li><a href="#">Contact</a></li>
  <li><a href="#">About</a></li>
  </ul>
  </div>

#nav {	
	margin-left: auto;
	margin-right: auto;
	height: 20px;
	width: 700px;
	padding-top: 3px;
	margin-top: 97px;
	text-align: Center;
	list-style: none;
}

#nav ul {   
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav ul li{
	display: inline;
	padding: 0;
	margin: 0;
}

#nav ul li a {
	text-decoration: none;
	color: #D2FF00;
}

#nav ul li a:hover {
	text-decoration: none;
	color: #fff;
}

where am i going wrong?

whatever i do i cant seem to make it the same width