.dropup-menu {
	margin: 300px 0  0 0;
	position:absolute;
	bottom:0; left:0;
}



.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;	
	position: relative;
	z-index: 5;
}


.menu li:hover {
	z-index: 10000;
	white-space: normal;
}

.menu ul {
	visibility: hidden;
	position: absolute; left: -5px; bottom: 0;
	z-index: 10;
}

.menu li:hover>ul {
	visibility: visible;
	bottom: 100%;
}

.menu li li:hover>ul {
	bottom: 0;
	left: 100%;
}

.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu, .menu ul {
	min-height: 0;
}

.menu a {
	display: block;
	position: relative;
}

.menu ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}

.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	bottom: 5px;
	left: 90%;
}