so I never have to do this again. Not IE6 compliant. IE7+, FF3, safari 4
#topnavigation{
background-color:#0D3F84;
}
#topnavigation ul li{
display:inline;
height:30px;
float:left;
list-style:none;
margin-left:5px;
position: relative;
}
#topnavigation ul{
margin:0px;
padding:0px;
}
#topnavigation ul li{
display:inline;
height:30px;
float:left;
list-style:none;
z-index: 100;
padding-top: 3px;
}
#topnavigation li a{
}
#topnavigation li a:hover{
text-decoration: none;
}
#topnavigation li ul
{
margin:0px;
padding:0px;
display:none;
position: absolute;
left: 0px;
top: 33px;
}
#topnavigation li:hover ul
{
display:block;
width:160px;
}
#topnavigation li li{
list-style:none;
display:list-item;
background-color: #0D3F84;
width: 132px;
}
#topnavigation li li a{
color:#fff;
text-decoration:none;
}
#topnavigation li li a:hover{
color:#fff;
text-decoration:underline;
}
<div id=’topnavigation’>
<ul>
<li><a href=’<?php echo FB_BASE.’/profile/index/’;?>’><img src=’<?php echo IMG_PATH.’home_icon.gif’;?>’ width=’56′ height=’22′ /></a></li>
<li><img src=’<?php echo IMG_PATH.’header_divider.png’;?>’ width=’2′ height=’29′ /></li>
<li><a href=’<?php echo FB_BASE.’/compete/index/’;?>’><img src=’<?php echo IMG_PATH.’compete_icon.gif’;?>’ width=’79′ height=’22′ /></a>
<ul>
<li><a href=”<?php echo FB_BASE.’/compete/upload/’;?>” title=”Upload and Submit”><img src=’<?php echo IMG_PATH.’upload_submit_icon.gif’;?>’ weight=’129′ height=’22′ /></a></li>
<li><a href=”<?php echo FB_BASE.’/game/index/’;?>” title=”Challenge Others”><img src=’<?php echo IMG_PATH.’challenge_others_icon.gif’;?>’ weight=’131′ height=’22′ /></a></li>
</ul>
</li>
<li><img src=’<?php echo IMG_PATH.’header_divider.png’;?>’ width=’2′ height=’29′ /></li>
<li><a href=’<?php echo FB_BASE.’/vote/index’;?>’><img src=’<?php echo IMG_PATH.’judge_icon.gif’;?>’ width=’56′ height=’22′ /></a></li>
<li><img src=’<?php echo IMG_PATH.’header_divider.png’;?>’ width=’2′ height=’29′ /></li>
<li><a href=’<?php echo FB_BASE.’/charts/index’;?>’><img src=’<?php echo IMG_PATH.’top10_icon.gif’;?>’ width=’64′ height=’22′ /></a></li>
<li><img src=’<?php echo IMG_PATH.’header_divider.png’;?>’ width=’2′ height=’29′ /></li>
<li><a href=’<?php echo FB_BASE.’/vip/index’;?>’><img src=’<?php echo IMG_PATH.’vipshop_icon.gif’;?>’ width=’79′ height=’22′ /><span class=’numTokens’>(<?php echo $this->numTokens;?>)</span></a></li>
<li><img src=’<?php echo IMG_PATH.’header_divider.png’;?>’ width=’2′ height=’29′ /></li>
<li><a href=’<?php echo FB_BASE.’/chat/index’;?>’><img src=’<?php echo IMG_PATH.’lounge_icon.gif’;?>’ width=’79′ height=’22′ /></a></li>
</ul>
</div>