Hulp gezocht met css drop down menu. Help!

**Kim van Gulik** · 15-01-2014, 09:03

Hallo,

Via blogspot heb ik een site: www.beautyaddiction.nl
Hier heb ik CSS codes toegevoegd, onder andere een drop down menu.
Sinds mijn layout verandering werkt deze plots niet meer. Als ik er met de muis overheen ga, klapt het menu wel open maar verdwijnt deze achter de layout waardoor niks aanklikbaar is. Dit is goed te zien als je naar mijn site gaat. Niemand kan dus meer iets aanklikken. Ik heb echt totaal geen verstand van css of thml. Wat moet ik doen!?

Mijn CSS code:
@charset 'UTF-8';
#cssmenu {
border: none;
border: 0px;
margin: 0px;
padding: 0px;
font-family: verdana, geneva, arial, helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
color: #8e8e8e;
width: auto;
z-index: 5;
}
#cssmenu ul {
margin-top: 0px !important;
z-index: 4;
}
#cssmenu ul {
background: #;
height: 27px;
list-style: none;
margin: 0;
padding: 0;
z-index: 1;
}
#cssmenu ul ul {
border-top: 6px solid #f0718f;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
z-index: 3;
}
#cssmenu ul ul a {
line-height: 43px;
}
#cssmenu ul ul ul {
left: 100%;
top: 0;
}
#cssmenu li {
float: left;
padding: 0px 8px 0px 8px;
}
#cssmenu li a {
color: #666666;
display: block;
font-weight: bold;
line-height: 35px;
padding: 0px 25px;
text-align: center;
text-decoration: none;
}
#cssmenu li a:hover {
color: #000000;
text-decoration: none;
z-index: 2;
}
#cssmenu li ul {
background: #ffffff;
border-left: 2px solid #f0718f;
border-right: 2px solid #f0718f;
border-bottom: 2px solid #f0718f;
display: none;
height: auto;
filter: alpha(opacity=95);
opacity: 0.95;
position: absolute;
width: 225px;
margin-top: -3px;
/*top:1em;
/*left:0;*/
}
#cssmenu li:hover ul {
display: block;
}
#cssmenu li li {
display: block;
float: none;
padding: 0px;
position: relative;
width: 225px;
}
#cssmenu li ul a {
display: block;
font-size: 14px;
font-style: normal;
padding: 0px 10px 0px 15px;
text-align: left;
}
#cssmenu li ul a:hover {
background: #949494;
color: #000000;
opacity: 1.0;
filter: alpha(opacity=100);
}
#cssmenu p {
clear: left;
}
#cssmenu .active a {
background: #f0718f;
-webkit-box-shadow: 0 -4px 0 #f0718f, 0 -5px 0 #e7a3b3, 0 -6px 0 #f0718f;
-moz-box-shadow: 0 -4px 0 #f0718f, 0 -5px 0 #e7a3b3, 0 -6px 0 #f0718f;
box-shadow: 0 -4px 0 #f0718f, 0 -5px 0 #e7a3b3, 0 6px 0 #f0718f;
color: #5b5b5d; z-index: 1;
}
#cssmenu .active a:hover {
color: white;
}

Mijn HTML code:
<div id='cssmenu'>
<ul>
<li class='active'><a href='http://www.beautyaddiction.nl/'>Home</a></li>
<li class='has-sub'><a href='http://www.beautyaddiction.nl/p/site.html'>Site</a>
<ul>
<li><a href='http://www.beautyaddiction.nl/p/site.html'>Site</a></li>
<li><a href='http://www.beautyaddiction.nl/search/label/Site%20nieuws'>Sitenieuws</a></li>
<li><a href='http://www.beautyaddiction.nl/search/label/Blogtips'>Blogtips</a></li>
<li class='last'><a href='http://www.beautyaddiction.nl/p/winacties.html'>Win!</a></li>
<li><a
href='http://www.beautyaddiction.nl/2014/01/beautytaal.html'>Woordenboek</a></li>
<li><a
href='http://www.beautyaddiction.nl/p/active-member.html'>Actieve Volger</a></li>
</ul>
</li>
<li class='has-sub'><a href='http://www.beautyaddiction.nl/p/about-me.html'>Over mij</a>
<ul>
<li><a href='http://www.beautyaddiction.nl/p/about-me.html'>Over mij</a></li>
<li><a href='http://www.beautyaddiction.nl/search/label/Mijn%20leven'>Mijn leven</a></li>
<li><a href='http://www.beautyaddiction.nl/search/label/TAGS'>TAGS</a></li>
<li><a href='http://www.beautyaddiction.nl/search/label/Shoplog%20%26%20Stashes'>Shoplog & Stashes</a></li>
<li><a href='http://www.beautyaddiction.nl/search/label/NOTD'>Nails Of The Day</a></li>
<li><a href='http://www.beautyaddiction.nl/search/label/OOTD'>Outfit Of The Day</a></li>
<li class='last'><a href='http://www.beautyaddiction.nl/search/label/Liedjes%20en%20gedichten'>Liedjes & Gedichten</a></li>
</ul>
</li>
<li class='has-sub'><a href='http://www.beautyaddiction.nl/search/label/Beauty'>Beauty</a>
<ul>
<li><a href='http://www.beautyaddiction.nl/search/label/Beauty'>Beauty</a></li>
<li><a href='http://www.beautyaddiction.nl/search/label/Make-up'>Make-up</a></li>
<li><a href='http://www.beautyaddiction.nl/search/label/Haar'>Haar</a></li>
<li><a href='http://www.beautyaddiction.nl/search/label/Nagels'>Nagels</a></li>
<li><a href='http://www.beautyaddiction.nl/search/label/Reviews'>Reviews</a></li>
<li><a href='http://www.beautyaddiction.nl/search/label/Swatches'>Swatches</a></li>
<li class='last'><a href='http://www.beautyaddiction.nl/search/label/Verzorging'>Verzorging</a></li>
</ul>
</li>
<li class='has-sub'><a href='http://www.beautyaddiction.nl/search/label/Fashion'>Fashion</a>
<ul>
<li><a href='http://www.beautyaddiction.nl/search/label/Fashion'>Fashion</a></li>
<li><a href='http://www.beautyaddiction.nl/search/label/Accessoires'>Accessoires</a></li>
<li><a href='http://www.beautyaddiction.nl/search/label/Sieraden'>Sieraden</a></li>
<li><a href='http://www.beautyaddiction.nl/search/label/Schoenen'>Schoenen</a></li>
<li><a href='http://www.beautyaddiction.nl/search/label/Lingerie'>Lingerie</a></li>
<li><a href='http://www.beautyaddiction.nl/search/label/Trendalert'>Trendalert</a></li>
<li><a href='http://www.beautyaddiction.nl/search/label/HOT%20or%20NOT%3F'>Hot or Not</a></li>
<li><a href='http://www.beautyaddiction.nl/search/label/De%20stijl%20van...'>De stijl van</a></li>
<li class='last'><a href='http://www.beautyaddiction.nl/search/label/Inspiratie'>Inspiratie</a></li>
</ul>
</li>
<li class='has-sub'><a href='http://www.beautyaddiction.nl/search/label/Lifestyle'>Lifestyle</a>
<ul>
<li><a href='http://www.beautyaddiction.nl/search/label/Lifestyle'>Lifestyle</a></li>
<li><a href='http://www.beautyaddiction.nl/search/label/Wonen'>Wonen</a></li>
<li><a href='http://www.beautyaddiction.nl/search/label/DIY'>DIY</a></li>
<li><a href='http://www.beautyaddiction.nl/search/label/Boeken'>Boeken</a></li>
<li><a href='http://www.beautyaddiction.nl/search/label/Fotografie'>Fotografie</a></li>
<li><a href='http://www.beautyaddiction.nl/search/label/Shocking'>Shocking</a></li>
<li><a href='http://www.beautyaddiction.nl/search/label/Blogtips'>Blogtips</a></li>
<li class='last'><a href='http://www.beautyaddiction.nl/search/label/Webshops'>Webshops</a></li>
</ul>
</li>
<li class='has-sub'><a href='http://www.beautyaddiction.nl/search/label/Columns'>Columns</a>
<ul>
<li><a href='http://www.beautyaddiction.nl/search/label/Columns'>Columns</a></li>
<li class='last'><a href='http://www.beautyaddiction.nl/search/label/De%20tien'>De tien</a></li>
</ul>
</li>
<li class='has-sub last'><a href='http://www.beautyaddiction.nl/p/123contactform.html'>Contact</a>
<ul>
<li><a href='http://www.beautyaddiction.nl/p/123contactform.html'>Contact</a></li>
<li><a href='http://www.beautyaddiction.nl/p/beautyvraag.html'>Beautyvraag</a></li>
<li><a href='https://www.facebook.com/beautyaddictionKim' target='_blank'>Facebook</a></li>
<li class='last'><a href='http://www.bloglovin.com/blog/11432895/' target='_blank'>Bloglovin</a></li>
</ul>
</li>
</ul>
</div>
<hr color="#f27b96" />

**J de jong** · 15-01-2014, 09:24

Hallo Kim,

Zet de z-index: van menu/ul op 9999. Als het goed is zou het dan moeten werken, anders hoor ik het wel:)

Hulp gezocht met css drop down menu. Help!