#nav {
background: url(images/nav_bg.gif) no-repeat;
color: #dfdfdf;
font-weight: bold;
height: 28px;	
margin: 5px auto 0 auto;
padding: 12px 0 0 15px;
position: relative;
width: 890px;	
}
#nav li {
display: inline;
list-style: none;
}
#nav li a {
color: #dfdfdf;
display: block;
float: left;
padding: 3px;
text-align:center;
text-decoration:none;
width: 69px;
z-index: 2;
}
#nav li a:hover {
color:#48AEB1;
}

-------------

<div id="nav">	
<ul>
<li> <a href="#" title="Goto Homepage">Home</a> </li>
<li> <a href="index.php?p=2" title="Goto the Forums">Forums</a> </li> 
<li> <a href="#" title="View my latest sites">Portfolio</a> </li> 
<li> <a href="#" title="Visit my friends and favourite sites">Partners</a> </li> 
<li> <a href="#" title="Get in touch with me">Contact</a> </li>
</ul>
</div>