The CSS

/*add to your css file*/
#navbar ul {
list-style-type:none;
text-transform:uppercase;
font-weight:bold;
font-family:tahoma;
}

#navbar li {
display:inline;
border-left:1px solid #333;
padding-left:5px;
background-image:url(images/bar.jpg);
}

#navbar li:first-child {
border-left:none;
}

#navbar a {
text-decoration:none;
}

#navbar a:hover {
text-decoration:underline;
}

The HTML

<div id="navbar">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="links.html">Links</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>

Rendered