css.................

	#nav {
		position:absolute;
		float:right;
		top:148px;
		width:562px; 
		height:27px;
		border-right:-1px solid #444444;
		background:url(images/nav_bg.gif);} 
	#nav li {

		list-style-type:none;
		vertical-align:middle;
		display:inline;} 
	#nav a:link, 
	#nav a:visited { 
		float:left; 
		width:19.5%;
		text-align:center;
		text-decoration:none; 
		padding:4px 0px 5px 0px;
		font-family: 'Trebuchet MS', 'Lucida Grande',
		Verdana, Lucida, Geneva, Helvetica,
		Arial, sans-serif;
		font-size:12px;
		font-weight: bold;		
		color:#003366;
		vertical-align:middle;
    	white-space: nowrap;}
	#nav a:hover {
		text-decoration:overline;}
	#nav-space1 a:link,
	#nav-space2 a:link,
	#nav-space3 a:link,
	#nav-space4 a:link,
	#nav-space1 a:visited,
	#nav-space2 a:visited,
	#nav-space3 a:visited,
	#nav-space4 a:visited,
	#nav-space1 a:hover,
	#nav-space2 a:hover,
	#nav-space3 a:hover,
	#nav-space4 a:hover {
		height:27px;
		width:2px;
		padding:0px 0px 0px 0px;
		background:url(images/nav_spacer.gif);}


..........code

      <ul id='nav'>
        <li id='nav-home'><a href='index.php'>Home</a></li>
        <li id='nav-space1'><a href='#'></a></li>
        <li id='nav-awards'><a href='#'>ACC Awards</a></li> 
        <li id='nav-space2'><a href='#'></a></li>
        <li id='nav-account'><a href='#'>My Account</a></li> 
        <li id='nav-space3'><a href='#'></a></li>
        <li id='nav-cart'><a href='#'>Shopping Cart</a></li> 
        <li id='nav-space4'><a href='#'></a></li>
        <li id='nav-help'><a href='#'>Help</a></li>
      </ul>