WordPress CSS list help?

Question

The following code from my style sheet gives me a horizontal list with vertical "bars" in between each item. It is my navigation and it is now showing a vertical bar after the last item on the list. I do not want this- help please!

Now: home | about | contact |

I need: home | about | contact

/*************************************

+Nav

*************************************/

#nav{

font-weight: bold;

background:#FFF;

font-size:1em;

margin-bottom:30px;

padding:0;

width:900px;

align: center;

}

#nav ul{

margin-top: 5px;

list-style-type:none;

float: right;

}

#nav ul li{

float:left;

letter-spacing:1px;

padding:2px 5px 2px 0px;

}

#nav ul li a{

color:#000000;

padding: 3px;

border-right: 1px solid #000000;

font-family: Arial, Helvetica, sans-serif;

}

#nav ul li a:hover{

background-color:#FFF;

border-right: 1px solid #846761;

color:#64504b;

}

Answer 1

nav ul li a:first-child{

color:#000000;

padding: 3px;

border-left: 0;

font-family: Arial, Helvetica, sans-serif;

}

#nav ul li a{

color:#000000;

padding: 3px;

border-left: 1px solid #000000;

font-family: Arial, Helvetica, sans-serif;

}