<style type="text/css">
ul#nav2, ul#nav2 * {
font:bold 11px Verdana,sans-serif;
}
ul#nav2 {
list-style:none;
margin:1em 0; padding:0;
}
ul#nav2 li {
display:inline;
text-align:center;
padding:0 0 0 .5em;
}
ul#nav2 a:hover,
ul#nav2 a#current {
color:#8ea084;
border-bottom:3px solid #d1eac4;
text-decoration:none;
}
ul#nav2 a {
color:#848684; font-weight:bold;
border-bottom:3px solid #eee;
text-decoration:none;
}
</style>
<ul id="nav2">
<li id="current"><a href="#">PHP</a></li>
<li><a href="#" id="current">JavaScript</a></li>
<li><a href="#">CSS</a></li>
<li><a href="#">HTML</a></li>
<li><a href="#">MySQL</a></li>
</ul>