Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 291
  • Last Modified:

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
0
smitty62
Asked:
smitty62
1 Solution
 
gavsmithCommented:
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

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now