Align <li> in center? SOLVED

Code: Select all

<div id="navigation">
<ul>
<li><a href="/">Home</a></li>
<li><a href="submit.php">Submit</a></li>
<li><a href="news.php">News</a></li>
<li><a href="siteofmonthaward.php">Site of the Month</a></li>
<li><a href="mostviewed.php">Most Viewed</a></li>
<li><a href="toprated.php">Top Rated</a></li>
</ul>
</div>

Code: Select all

#navigation {
width: 950px;
height: 60px;
margin: 0;
padding: 0;
text-align: center;
}
#navigation ul {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
#navigation ul li {
float: left; */Placed there for IE7*/
}
#navigation ul li a {
float: left;
margin: 0 0 0 20px;
padding: 7px;
border: 3px solid black;
border-top: none;
}

Designing For Communicating

Website : http://www.datisdesign.com
Weblog : http://blog.datisdesign.com