Try this.
The HTML
The markup is very simple. It’s an unordered list, with each link in a separate list item:
<ul id="nav">
<li id="nav-home"><a href="#">Home</a></li>
<li id="nav-about"><a href="#">About</a></li>
<li id="nav-archive"><a href="#">Archive</a></li>
<li id="nav-lab"><a href="#">Lab</a></li>
<li id="nav-reviews"><a href="#">Reviews</a></li>
<li id="nav-contact"><a href="#">Contact</a></li>
</ul>
The CSS
First of all, I set the margins and padding of the list and list items to zero, and tell the list items to be displayed inline:
#nav {
margin:0;
padding:0;
}
#nav li {
display:inline;
padding:0;
margin:0;
}
See the resulting page SimpleNav