.menu {

font-size:0.85em;
position:relative;
z-index:100; 
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:180px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:150px;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:11px;
text-decoration:none;
text-align:center; 
color:#003; 
width:150px; 
height:30px; 
border:0px solid #f0d28e; 
border-width:0px 1px 1px 1px; 
background:#b3c6d3; 
line-height:29px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:150px;
w\idth:150px;
}

.menu a:hover { background-color: #f0d28e; color: #000;  }