TrueBlue
asked on
drop down menu not working
Hi!
The drop down menu on this page does not work when using IE9 in compatibility mode.
http://www.topsecurityinc.com/
Any specific correction(s) to the drop down menu's rule(s) would be appreciated.
The drop down menu's rules start at topnav-wrap and ul.dropdown
TIA
The drop down menu on this page does not work when using IE9 in compatibility mode.
http://www.topsecurityinc.com/
Any specific correction(s) to the drop down menu's rule(s) would be appreciated.
The drop down menu's rules start at topnav-wrap and ul.dropdown
TIA
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
I'll take another look. I was hoping that would be the quick fix. The drop downs, when they are isolated from the rest of the page, work just fine in compatibility mode. Something else on the page is causing the problem. In the mean time, you can add the position:relative back in just so the site is not messed up.
I looked at your stylesheet from the website and the two lines that I suggested you remove position:relative from were completely commented out.
I only wanted you to remove position:relative, not comment out the two rules completely. Have you tried removing position:relative from both places?
I only wanted you to remove position:relative, not comment out the two rules completely. Have you tried removing position:relative from both places?
ASKER
tommyBoy,
I commented the original rules out.
And copied the new rules below the commented out rules without the position statement.
HTH
I commented the original rules out.
And copied the new rules below the commented out rules without the position statement.
HTH
Sorry, I completely missed that. I'm looking at it now.
I'm going back to my original suggestion of removing position:relative from those two rules. It solves the problem with the drop downs not working in IE compatibility mode. It has no affect on rendering issues with the other elements you cited in post ID:35504827. Those problems existed in compatibility mode before the position:relative edit and they will persist after the edit. You can try this yourself by testing compatibility mode both with and without the edit. If you want to open a new question on those issues, I would be happy to take a look specifically at that.
ASKER
I uploaded your suggested changes to the stylesheet.
It fixed the drop down menus, but it causes the text starting with "If only ... " be moved way down the page and the copyright box at the bottom of the page now has a margin at the top and bottom.
It broke the box on this page: http://www.topsecurityinc.com/cellular-backup.asp
It also broke the boxes on this page: http://www.topsecurityinc.com/security-systems.asp
Is there a way to fix these?
TIA