Code:
body
{
margin: 0px;
padding: 0px;
text-align:center;
}
div.main{
background: black url(images/navi_back.png) 0 0 repeat-x;
height:57px;
overflow:hidden;
}
ul.toplink{
margin: 0 auto;
text-align:center;
padding:0;
font:bold 13px/57px Arial;
list-style-type:none;
width:705px;
}
ul.toplink li{
display: inline;
list-style-type:none;
}
.toplink li a{
color: #999999;
text-decoration: none;
background:black url(images/navi_1.png) 0 0 no-repeat;
display:block;
width: 117px;
float:left;
}
.toplink li a:visited{
color: #999999;
}
.toplink li a:hover, .toplink li .current{
color: white;
}
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
#last{
background:none;
}
HTML Code:
<div class="main">
<ul class="toplink">
<li><a href="#">Home</a></li>
<li><a href="#" class="current">About Us</a></li>
<li><a href="#">FIRST</a></li>
<li ><a href="#">Resources</a></li>
<li><a href="#">Forum</a></li>
<li><a id="last" href="#">Contact Us</a></li>
</ul>
</div>
u can try this code
Bookmarks