#dropMenu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	background-color:#7577a3;
	text-align:center;
	margin: 1px;
	margin-top: 2px;
	width:80px;
	float: left;
	height: auto;
	border: 2px solid #b2a6b6;
	vertical-align: middle;
	padding: 1px
}

/*
#dropMenu {
width: 100em;
background: #eee;
float: left;

    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	background-color:#7577a3;
	text-align:center;
	margin: 0px;
	margin-top: 0px;
	width:85px;
	float: left;
	height: auto;
	border: 1px solid #b2a6b6;
	vertical-align: middle;
	padding: 0px
}
*/
#dropMenu ul {
list-style: none;
margin: 0;
padding: 0;
width: 105%;
float: left;
}

#dropMenu a, #dropMenu h2 {
	font-size:12px;

display: block;
border-width: 1px;
border-style: solid;
border-color: #7577a3;
margin: 5px;
margin-right: 10px;

}

#dropMenu h2 {
color: #fff;
background: #7577a3;
font-size:12px;
}

#dropMenu a {
color: #000;
background: #fff;
text-decoration: none;
margin: 0px;
padding: 2px;

}

#dropMenu a:hover {
color: #7577a3;
background: #fff;

}

#dropMenu li {position: relative;}

#dropMenu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

#dropMenu ul ul {
position: absolute;
left: 0;
z-index: 500;
}

div#dropMenu ul ul {
display: none;
}

div#dropMenu ul li:hover ul
{display: block;}

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

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

body {
behavior: url(./csshover.htc);
}

<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(./csshover.htc);
font-size: 100%;
}

#dropMenu ul li {float: left; width: 100%;}
#dropMenu ul li a {height: 1%;} 

#dropMenu a, #dropMenu h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
</style>
<![endif]-->