I've just gotten into messing around with CSS, trying to change up the look of a blog at Wordpress. And I've run into something I just can't figure out.

http://hendersonbromsteadart.wordpress.com/

I want the menu under the header to be justified, with "HOME" to the left, "TRY US HERE" to the right, and the other links evenly spaced between the 2.

What I have in there so far is:

- - - - - - - - - - - - - - - - -

#nav {
width:910px;
border-top:1px solid #222;
border-bottom:1px solid #222;
float:left;
overflow:hidden;
clear:both;
position:absolute;
top:230px;
}

#nav ul {
list-style:none;
display:table;
margin:0 auto;
}

#nav li {
display:inline;
}

#nav li a,#nav li a:visited {
display:block;
height:2.5em;
line-height:2.5em;
color:#999;
text-decoration:none;
font-size:1.2em;
text-transform:uppercase;
letter-spacing:.3em;
cursorointer;
padding:0 em;
}

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

#nav li.current_page_item a:link,#nav li.current_page_item a:visited {
background:#fff;
color:#b08b04;
cursor:default;
}

- - - - - - - - - - - - - - - - -

Can anyone help me out with that I need to change up to get this to work?

Thanks
Kris

Size the width and float the <li>s

Can you explain exactly what that means and how to do it?

http://www.cssplay.co.uk/menus/centered2.html

ok, I'm still confused. That link seems to show you how to center the menu, but I already have it centered. I need to know how to justify it.

you intent to change the options in the menu often? Because if you dont, just use display: block on every button, and also float left; then you just play with the width of every button to make it look justify...

yeah, I tried that. but with diff. browsers, sometimes the last button gets bumped to a second line, while it'll look fine in others.

Consider using the "padding-left" attribute in CSS in the #nav area.