THE HTML:
		<ul id="nav">
		<li class="act">Find a Class</li>
		<li><a href="#">Studio Location</a></li>
		<li><a href="#">Register Online</a></li>
		<li><a href="/Dance-Calendar/">Dance Calendar</a></li>
		<li><a href="/contact.cfm">Contact Us</a></li>
		<li><a href="#">For Parents</a></li>
		</ul>


THE CSS: 



ul#nav{
margin:0;
padding:0;
text-align:center;
list-style-type:none;
width:auto;
height:29px;
vertical-align:middle;
}

ul#nav li{
display:block;
float:left;
width:117px;
height:29px;
line-height: 29px;
font: 13px Arial;
vertical-align:middle;
color: #fff;
}

ul#nav li a,ul#nav li a:visited{
display:block;
width:117px;
height:29px;
line-height: 29px;
font: 13px Arial;
vertical-align:middle;
color: #fff;
text-decoration:none;
background: url(n.jpg);

}
ul#nav li a:hover{
background: #ccc url(o.jpg);
line-height: 29px;
font: 13px Arial;
vertical-align:middle;
color: #fff;
width:117px;
height:29px;
}
ul#nav li.act{
background: url(i.jpg);
line-height: 29px;
font: 13px Arial;
vertical-align:middle;
color: #fff;
width:117px;
height:29px;
}