#menu {
width: 174px;
height: auto;
}

#menu ul {

list-style: none;
margin: 0;
padding: 0;
height: auto;

}

#menu a, #menu h2 {
font: bold 7px/28px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 2px 3px;

}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
text-transform: uppercase;
height: auto;
color: #333333;
background-color: #FFFFFF;
background-image: url(../images/layout/menu.gif);
background-repeat: no-repeat;
background-position: bottom;
text-decoration: none;
}

#menu a:hover {
color: #000000;
background-color: #0066ff;
background-image: url(../images/layout/menuon.gif);
background-repeat: no-repeat;
background-position: bottom;
}


#menu li {position: relative;}

#menu ul ul {
position: absolute;
top: 0;
left: 100%;
width: 174px;
background-color: #FFFFFF;
border: 1px solid #000000;
}

#menu ul ul a {
text-transform: none;
}

div#menu ul ul ,
div#menu ul  li:hover ul 
{display: none;}

div#menu ul  li:hover ul,
div#menu ul ul  li:hover ul
{display: block;}





<![endif] >

< !--[if IE] >
body {
font-size: 100%;
} 
#menu ul li {float: left; width: 100%;}
#menu ul li a {height: auto;} 

#menu a, #menu h2 {
font: bold 0.6em/20px arial, helvetica, sans-serif;
} 

<![endif] >