ul {
  font-family: Arial;
  font-size: 11px;
  text-align:center;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 98px;
  z-index:1000;
}
ul li {
	display: block;
	position: relative;
	float: left;
	height:auto;
}
#menu ul { display: none; }
ul li a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	border: 1px solid #7e98c1;
	padding: 3px 5px 3px 5px;
	background: #000;
	margin-left: 1px;
	white-space: normal;
}
ul li a:hover { background: #5e82b2; }
#menu:hover ul {
	display: block;
	position: absolute;
}
#menu:hover li {
	float: none;
	font-size: 11px;
}
#menu:hover a { background: #5e82b2; }
#menu:hover li a:hover { background: #405786; }