From CSS Cookbook, O'Reilly, 2004, Ch. 3.8, pp. 80-85.

tabs for navigation menu

the tabs

the html

<div id="navsite">
<h3>Site navigation</h3>
<ul>
<li><a href="/">Home</a></li>
<li><a href="../">CSS How-tos</a></li>
<li><a href="./" id="youarehere">Tabs for navigation menu</a></li>
<li><a href="tabs-from_godaddy.html">Tabs with content</a></li>
</ul>
</div>

the css

#navsite h3 {
  display: none;
}
#navsite ul {
  padding: 3px 0;
  margin-left: 0;
  border-bottom: 1px solid #778;
  font: bold 12px verdana, sans-serif;
}
#navsite ul li {
  list-style: none;
  margin: 0;
  display: inline;
}
#navsite ul li a {
  padding: 3px 0.5em;
  margin-left: 3px;
  border: 1px solid #778;
  background-color: #ddddee;
  text-decoration: none;
}
#navsite ul li a:link {
  color: #448;
}
#navsite ul li a:visited {
  color: #667;
}
#navsite ul li a:link:hover, #navsite ul li a:visited:hover {
  color: #000;
  background: #aae;
  border-color: #227;
}
#navsite ul li a#youarehere,  #navsite ul li a#youarehere:hover {
  color: #448;
  background-color: #fff;
  border-bottom: 1px solid #fff;
  cursor: text;
}

Know more

CSS Cookbook website
http://www.oreilly.com/catalog/cssckbk