<style type="text/css">

#navbar
{
list-style-type: none;
padding: 0;
margin: 0;
width: 140px;
float: left;
font-family: verdana;
font-size: 12px;
}
#navbar li
{
background-color: #20b520;
border-top: 1px solid #60ff60;
border-right: 1px solid #005000;
border-left: 1px solid #60ff60;
border-bottom: 1px solid #005000;
}
#navbar a
{
padding-top: 4px;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 4px;
display: block;
color: #ffffff;
font-weight: bold;
text-decoration: none;
}
#navbar a:hover
{
background-color: #80ff80;
}
#navbar a:active
{
color: #ffffff;
background-color: #009000;
border-top: 1px solid #005000;
border-right: 1px solid #60ff60;
border-bottom: 1px solid #60ff60;
border-left: 1px solid #005000;
}

</style>

<ul id="navbar">
  <li><a href="#">Home</a></li>
  <li><a href="#">About</a></li>
  <li><a href="#">Products</a></li>
  <li><a href="#">Information</a></li>
  <li><a href="#">Contact</a></li>
  <li><a href="#">Order</a></li>
</ul>