[solved] How to make DropMenu behave as on modxcms.com?

 /*MENU */

#menu li {
	list-style: none;
	background-image: url(imgs/button-red.gif);
	background-repeat: no-repeat;
	background-position: 0 -1px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 22px;
	}

#menu li li {
	font-size: 1em;
	background-image: url(imgs/button-yel.gif);
	background-repeat: no-repeat;
	background-position: 0 -3px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 22px;
	}
	
#menu li li.here {
	font-size: 1em;
	background-image: url(imgs/button-here.gif);
	background-repeat: no-repeat;
	background-position: 0 -3px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 22px;
	}
	
#menu li li li {
	padding: 3px 0 2px 13px;
	font-size: 1em;
	background-image: url(imgs/button-yel.gif);
	background-repeat: no-repeat;
	background-position: 0 -3px;
	}

#menu ul {
	padding: 10px;
	margin: 5px;
	}

#menu ul ul {
	display:none;
	padding: 5px 10px 10px 0;
}

#menu li.here ul {
	display:block;
	padding: 3px 0 2px 13px;
	font-size: 1em;
	background-repeat: no-repeat;
	background-position: 0 5px;
  }
  
#menu ul ul ul {
	padding: 0 !important;
	margin: 0 0 -4px 0 !important;
	}

#menu a {
	font-size: .9em;
	text-decoration: none;
	}

#menu a:link {
	color: #CC6600;
	font-weight: normal;
	}

#menu a:visited {
	color: #CC6600;
	}

#menu a:hover, #links a:active {
	color: #9D9A95;
	}

#menu ul ul {
	display:none;
	padding: 5px 10px 10px 0;
}

#menu li.here ul {
	display:block;
	padding: 3px 0 2px 13px;
	font-size: 1em;
	background-repeat: no-repeat;
	background-position: 0 5px;
  }

ul.topnav ul {
  display: none;
  ...
}

ul.topnav li.here ul {
  display: block;
  ...
}