abaker
15 May 2009, 01:48 PM
Hi everyone,
I implemented Superfish on my navigation bar, and it works perfectly in IE & Opera, but not in FireFox or Safari. My first assumption was the script wasn't working properly, but when I increased the height of the navigation bar I realized that the script works, but the container below the navigation bar is not allowing the drop-down menu to show on top of it. This is the case in both FF & Safari. I have tried everything I know in CSS to fix this, including setting the z-index to all different sorts of values on all sorts of selectors, but have had no luck. Any suggestions?
The links are in a nested UL, and they are inclosed in a <div>. The container below it that is upstructing the drop-down is also a <div>. Since I am new to this site, I'm not sure if I can upload a file or code.
Thanks for any help!
Amy Baker
I implemented Superfish on my navigation bar, and it works perfectly in IE & Opera, but not in FireFox or Safari. My first assumption was the script wasn't working properly, but when I increased the height of the navigation bar I realized that the script works, but the container below the navigation bar is not allowing the drop-down menu to show on top of it. This is the case in both FF & Safari. I have tried everything I know in CSS to fix this, including setting the z-index to all different sorts of values on all sorts of selectors, but have had no luck. Any suggestions?
The links are in a nested UL, and they are inclosed in a <div>. The container below it that is upstructing the drop-down is also a <div>. Since I am new to this site, I'm not sure if I can upload a file or code.
Thanks for any help!
Amy Baker