Dezerit

 
#mainmenu ul {
	background: #fff;
	box-shadow: 0 2px 5px -3px rgba(0, 0, 0, 0.5);
	display: none; /*для полноценного скрытия*/
	margin: 0;
	padding: 5px 10px;
	position: absolute;
	top: 40px;
	left: 0;
	opacity: 0;
	max-width:200px; /*ограничение меню для слишком длинных пунктов*/
}
 
#mainmenu > li:hover ul {
	display: block;
	opacity: 1;
	transition: opacity .3s linear;  /*Плавное появление, для скрытия из-за display:none; не устанавливается*/
}
 
#mainmenu > li ul li{
	display:block; /*один пункт на строку*/
}
 
#mainmenu > li ul li a{
	text-decoration:none; /*без подчеркивания ссылок для выпадающих пунктов*/
}