#vibetab  
{  
  margin:5px 0 0 0px;  
  height:29px;  
  font-weight:bold;  
}  
#vibetab a  
{  
  color:white;  
  background:url(images/vibetab.gif) 0% 0% no-repeat;  
  text-decoration: none;  
  padding-left: 6px;  
  margin:0;  
  height:29px;  
  outline:0;  
}  
#vibetab a span  
{  
  background: url(mages/vibetab.gif) 100% 0% no-repeat;  
  padding: 9px 12px 0 4px;  
  height:29px;  
  cursor: pointer;  
}  
#vibetab a, #vibetab a span  
{  
  display: block;  
  float: left;  
}  
#vibetab a#active_menutopnav  
{  
  color: black;  
  background:url(images/vibetab.gif) 0% 44% no-repeat;  
}  
#vibetab a#active_menutopnav span  
{  
  background: url(images/vibetab.gif) 100% 50% no-repeat;  
}  
#vibetab a:hover  
{  
  color: white;  
  background:url(images/vibetab.gif) 0% 89% no-repeat;  
}  
#vibetab a:hover span  
{  
  background: url(images/vibetab.gif) 100% 100% no-repeat;  
}  

#vibetab ul  
{  
  list-style: none;  
  padding: 0;  
  margin: 0;  
}  
#vibetab li  
{  
  float: left;  
  margin: 0;  
}

<div id="vibetab">  
  <ul>  
  <li><a href="#" id="active_menutopnav"><span>Portal</span></a></li>  
  <li><a href="#"><span>Forum</span></a></li>  
  <li><a href="#"><span>Article</span></a></li>  
  <li><a href="#"><span>Mods</span></a></li>  
  <li><a href="#"><span>Styles</span></a></li>  
  <li><a href="#"><span>Graphic</span></a></li>  
  <li><a href="#"><span>Page 1</span></a></li>  
  <li><a href="#"><span>Page 2</span></a></li>  
  <li><a href="#"><span>Page 3</span></a></li>  
  </ul>  
  </div>