Dropdown menu Problem

I am setting drop down menu on my website but I have problem. My Drop Down Menu hides behind the slider.
my site is apnauth.com
Code i used

nav ul ul {
	display: none;

	nav ul li:hover > ul {
		display: block;
nav ul ul {
	background: #5f6975; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
	nav ul ul li {
		float: none; 
		border-top: 1px solid #6b727c;
		border-bottom: 1px solid #575f6a;

		nav ul ul li a {
			padding: 15px 40px;
			color: #fff;
			nav ul ul li a:hover {
				background: #4b545f;

Your site doesn’t seem to have a dropdown on it, but you need to set a higher z-index for the menu then for the slider. Remember that z-index only works on elements that have a position value other then static. :smile:

I didnt upload yet.

Try this:

nav {position: relative; z-index: 100;}

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.