Top pulldown menu bar is not layered correctly

There is a menu bar I am building that will go on the top of the page.  When I added another bar just below it, I noticed that instead of blocking what was underneath it, it was acting like it was transparent.  Take a look at the last two pulldowns on the right.
http://insurance.illinois.gov/2011_NewHeader/menu.html
smitty62Asked:
Who is Participating?
 
gavsmithConnect With a Mentor Commented:
In your CSS where you have:

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

Add z-index attribute:

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
z-index:99;
}

Regards
Gav
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.