Trouble if dropping down over a link – RESOLVED

[beiji]

Website: http://mimmt.com/sports-injury/
CSS: http://mimmt.com/wp-content/themes/rhap … /style.css
Browsers affected: Firefox, Safari, IE
Plugin: No
CSS modifications: Minor

Mouse over Services and Products and then mouse down the drop-down to see how the drop-down becomes non-functional because of the links the nav is dropping over (behind?). Services drop-down works properly in Safari, but Products does not.

I know I should do a line by line comparison of my css and the css of a menu that works properly, but I’m hoping for a quick fix because I think it must be something really simple.

Thanks for any help you can give!

Lisa

[beiji]

Issue resolved in Firefox and Safari but not IE. I added a z-index and positioning to the top-level UL.

Sorry I’m not including the CSS, but I can’t figure out how to post code on this forum.

******* 
It was a stacking issue, and the drop-down was stacking behind the image in the sidebar. Finally resolved the issue by adding z-index to the containing divs. I had two nav containers, and I gave them z-indexes of 1001 and 1002.

[imported_Ryan]

Hi,
Good to hear you got it working. For CSS you just need to post a link to the CSS file, not the CSS itself.

[Author]

Posts