navbar won't float left

I’m just learning html and css, and I can’t get my navbar to go all the left of the body (http://postimage.org/image/mvfj1jnnn/).

The CSS is:

.nav li{
display:block;
margin:0 0 10px 0;
width: 25%;
text-align: center;
float: left;
color:#123456;
font-size: 20px;
border-style: solid;
border-width: 1px 0 1px 0;
border-color:#123456;}

The text below obviously goes to the border. Any ideas?

I’m something of a newbie also, but, isn’t one supposed to use the id (#) rather than the (.) before the navbar? Also, after the “li” put a space. Then, rather than 25%, make it something like 250px, etc…

That would be my next step.

Sorry if it doesn’t work. Like I said, I’m a newbie too.

The .nav is a class, not id so the period is correct. I changed it all to divs, and that worked.

You can’t float left a List Item. You have to float left the Unordered List instead.