I coded a similar thing for a client today..try and edit this code.
xhtml
Code:
<ul id="nav">
<li><a href="#" class="navigate">Services</a></li>
<li><a href="#" class="navigate">Specials</a></li>
<li><a href="#" class="navigate">About Us</a></li>
<li><a href="#" class="navigate">Testimonals</a></li>
<li><a href="#" class="navigate">Contact Us</a></li>
</ul>
css
Code:
ul#nav {
width: 525px;
height: 29px;
font-weight: bold;
text-align: center;
margin: 10px auto 10px 13px;
}
ul#nav li {
display: inline;
list-style: none;
}
ul#nav li a {
color: #fff;
padding: 7px 0 0 0;
margin: 0 13px 0 0;
}
ul#nav li a.navigate {
width: 92px;
height: 22px;
background: url("images/blue.gif") no-repeat;
float: left;
text-decoration: none;
}
ul#nav li a.navigate:hover {
width: 92px;
height: 22px;
background: url("images/green.gif") no-repeat;
float: left;
text-decoration: none;
}