<style>

#menu  {
margin-top: 10px;
width: 150px;
float:left;
}

#menu ul {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 00px;
width: 150px;
float: none;
vertical-align:middle; 
}
#menu ul a {
color: #FFFFFF;
font: normal 12px arial;
text-decoration: none;
display: block;
margin: 0px 0px 0px 10px;
padding: 4px 0px 5px 0px;
vertical-align:middle;
}
#menu ul a:hover {
color: #4AAFE3;
font: normal 12px arial;
}
#menu ul li {
height: 23px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image:url(images/menubg.gif);
background-repeat:no-repeat;
}
/* END layer 1 */
#menu li {position: relative;}
#menu ul ul {
position: absolute;
top: 0;
left: 150px;
}
#menu ul ul ul{
position: absolute;
top: 0;
left: 150px;
}
div#menu ul ul,
div#menu ul li:hover ul ul 
{
display: none;
}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul
{
display:block;
}

* html #menu ul li{float:left;height:1%;}
* html #menu ul li a{height:1%;}


