How to Evenly Space the Navigation Links?

I am not sure if this is the appropriate forum or not, but I am having trouble with my code and spacing out my navigation links evenly.


Here's the HTML:

<ul id="nav">
				
						<li><a href="#">Link</a></li>
						
						<li><a href="#">Link</a></li>
						
						<li><a href="#">Link</a></li>
						
						<li><a href="#">Link</a></li>
						
						<li><a href="#">Link</a></li>
						
						<li><a href="#">Link</a></li>
				
				</ul>

Code (markup):

Here's the CSS:

#nav {
	margin:0 0 0 0;
}

#nav li {
	list-style:none;
	display:inline;
	padding:7px 0;
}

#nav li a {
	padding:7px;
	color:#eee;
	text-decoration:none;
}

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

Code (markup):

What do I need to change? Right now they all float left.

 

display:inline; may be causing them to all float left if thats the problem?

 

If I remove that the links disappear.

 

bump, any advice?

 

For the A elements, margin:0; padding:0; ?

 

try display: block; ?