Menu hidden behind nice menu and panels in IE7
dropchew - October 5, 2008 - 13:29
| Project: | Lucid menu |
| Version: | 5.x-2.0 |
| Component: | User interface |
| Category: | bug report |
| Priority: | normal |
| Assigned: | mistknight |
| Status: | postponed (maintainer needs more info) |
Jump to:
Description
Hi,
As above and this problem only appears in IE7, IE6 not tested. Not sure lies with Lucid or superfish.
Pls help...thanks

#1
I need the URL for the affected site.
#2
Hi mistknight,
here's the link http://www.jucaa.com/. thanks.
#3
Seems to be a stylesheet issue, try adding a z-index higher than all other values
.sf-menu {
z-index:9999;
}
If this doesn't work on its own, try adding the following styles
.sf-menu li ul {
z-index:9999;
}
.sf-menu li ul li ul {
z-index:9999;
}
And if that doesn't work out then also try adding
.sf-menu li ul li {
z-index:9999;
}
.sf-menu li ul li ul li {
z-index:9999;
}
Try out the above and let me know if any of them worked for you, and if so, which ones did...
#4
Nope, it doesn't changes anything Think I will stick to nice menu for now. Thanks.
#5
I have the same problem and I'm working on it. I will keep this topic posted if I have any success.
#6
Could you provide me the URL?
#7
I have the same problem when working with Nice Menu. Drop down menu appears hidden behind in IE7, no such problem in FF. Initially, I was not sure if it was due to overflow (hidden) or z-index problem. (BTW, CSS menu said that z-index only work with position attribute!)
My original layout.css was
#header
{
}
#main
{
position: relative;
}
#header, #main
{
overflow: visible;
}
Remove the "position: relative;" in #main solve the problem. Don't know if this will help you.
#8
I had the same problem with IE7, was driving me batty. Removed the "position: relative;" from the #content and it worked perfectly. Thanks geraldme for posting this. You saved me a lot of headaches.
#9
I had the same problem, but couldn't remove the "position: relative;" (on my #header div) because it was there for a reason. Instead I added "z-index:1;" to to my #header div, which solved the problem.
#10
More info on this here:
http://richa.avasthi.name/blogs/tepumpkin/2008/01/11/ie7-lessons-learned/
#11
I had the same problem. I read many articles and for my case the problem was that my menu was wrapped by a div which had a position relative (I found that later by looking at the other CSS of my theme). I just assigned a higher z-value for the wrapping div, and problem solved.