navigation bar - vertical separators

[dms 0]

I have a navigation bar with vertical separators and would like to remove or override the... (right-border) on the link farthest to the right. I can't seem to get a grip on this?

 

Email

Free Quote

Portfolio

Welcome

 

#navcontainer {

margin: 0px auto;

padding: 5px 0px 28px 0px;

background-color: #009;

width: 750px;

}

#navlist li {

display: inline;

list-style: none;

}

#navlist li a {

padding: 0.4em 1em;

background-color: #009;

color: #FFF;

text-decoration: none;

float: right;

border-right: 1px solid #FFF;

}

#navlist li a:hover {

background-color:#FFF;

color: #900;

font-weight: bold;

}

#navlist li.first {

border-right: 0;

}

[newseed 13]

#navlist li a {

padding: 0.4em 1em;

background-color: #009;

color: #FFF;

text-decoration: none;

float: right;

border-right: 1px solid #FFF;

}

Edited March 29, 2009 by newseed

[jlhaslip 0]

Add a class to the last link and use CSS for that class to override the border.

 

>
</pre>
<li>Welcome</li>
<br><br><br>#navlist  li a.last {<br>border-right: 0px solid #FFF

[dms 0]

jlhaslip,

 

That worked! I think I tried everything but that. ?

 

Thanks

Edited March 29, 2009 by dms