oops, ho fatto qualche casino..
codice:
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT src="drop_down.js" 
type=text/javascript></SCRIPT>
<style type="text/css">
<!--
body{
margin:0px;
padding:0px;
font-family:Verdana, sans-serif;
font-size:1.1em;
text-align:center;
}
div#testa{
background-color:#FF9900;
color:#fff;
width:760px;
margin:0px auto 0px auto;
padding:0px;
text-align:left;
 }
div#barranav{
	background-color:#5CCAF1;
	padding-left:410px;
	background-image: url(images/NavBg.gif);
 }
ul {
	margin: 0px;
	list-style-type: none;
	white-space: nowrap;
	width:150px;
	padding: 0px;
}
UL LI {
	POSITION: relative
}
LI UL {
	DISPLAY: none;
	LEFT: 0px;
	POSITION: absolute;
	TOP: 22px;
}
li.navbar {
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #28215D;
	margin-left: 30px;
}
 HTML UL LI {
	HEIGHT: 1%;
	clear: right;
}
 HTML UL LI A {
	HEIGHT: 1%
}
LI:hover UL {
	DISPLAY: block
}
LI.over UL {
	DISPLAY: block
}
UL LI A {
color: #28215D; 
TEXT-DECORATION: none; 
font-size:12px;
padding: 4px 4px 4px 12px;
background-image: url(images/NavChio.gif);
background-repeat: no-repeat;
background-position: left center;
}
UL LI A:hover {
	color: #ffffff;
	font-size:12px;
	text-decoration: none;
	padding: 4px 4px 4px 12px;
    background-image: url(images/NavChio.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
a.navbar1:link {
	color: #28215D;
	font-size:12px;
	text-decoration: none;
	padding: 4px 4px 4px 12px;
	background-image: url(images/NavChio.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
a.navbar1:visited {
	color: #28215D;
	font-size:12px;
	text-decoration: none;
	padding: 4px 4px 4px 12px;
    background-image: url(images/NavChio.gif);
	background-repeat: no-repeat;
	background-position: left center;			
}
a.navbar1:hover{
	color: #ffffff;
	font-size:12px;
	text-decoration: none;
	padding: 4px 4px 4px 12px;
    background-image: url(images/NavChio.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
a.navbar1:active {
	color: #ffffff;
	font-size:12px;
	text-decoration: none;
	padding: 4px 4px 4px 12px;
    background-image: url(images/NavChio.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
LI UL LI A {
	color: #28215D;
	font-size:9px;
	background-color:#F2BC18;
	text-decoration: none;
   	width: auto;
	padding: 3px 11px 3px 5px;
	margin: 0px;	
   	display: block;
}
LI UL LI A:hover {
	color: #ffffff;
    font-size:9px;
	background-color: #FFA100;
	text-decoration: none;
   	width: auto;
	padding: 3px 5px 3px 11px;
	margin: 0px;
	background-image: url(images/MenuIco.gif);
	background-repeat: no-repeat ;
	background-position: left center;
}
-->
</style>
</head>
<body>
<div id="testa">Logo
<div id="barranav">
<UL id=nav>
  	  <LI class="navbar">Home </LI>
  	  <LI class="navbar">About 
		<UL>
		  <LI>History </LI>
		  <LI>Team </LI>
		  <LI>Offices </LI>
		[/list]
	  </LI>
  	  <LI class="navbar">Services 
		<UL>
		  <LI>Web Design </LI>
		  <LI>Internet Marketing </LI>
		  <LI>Hosting </LI>
		[/list]
	  </LI>[/list]
</div>
</div>
</body>
</html>
PS: usa il tasto code x postare il codice!