.dropdown {
	position: relative;
}

.dropdown-content {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 8;
	width: 100%;
	display: none;
}

/* Legacy code below */
.dropdown ul {
	list-style: none;
	position: relative;
	display: inline-table;
}

.dropdown ul:after {
	content: "";
	clear: both;
	display: block;
}

.dropdown ul li {
	float: left;
	width: 100%;
}

.dropdown ul li:hover>ul {
	display: block;
	z-index: 2;
}

.dropdown ul ul {
	display: none;
	border-radius: 0px;
	padding: 0;
	position: absolute;
	top: 100%;
}

.dropdown ul ul li {
	float: none;
	position: relative;
	z-index: 10;
}

.dropdown ul ul ul {
	position: absolute;
	left: 100%;
	top: 0;
}

ul {
	list-style-type: none;
}