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
TrueBlueAsked:
Who is Participating?
 
Tom BeckConnect With a Mentor Commented:
Try this. Remove position:relative from these two css rules:

.content .roundcont1{background-color:#FFF;position:relative;width:1000px;background-image:none;}

.roundcont1{margin-left:0px;width:1000px;background:#FFF;position:relative;}

You will have to look at the site carefully afterward to make sure the edit does not adversely affect some other element. It's difficult to troubleshoot complex sites in IE compatibility mode.
0
 
TrueBlueAuthor Commented:
tommyBoy,
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
0
 
Tom BeckCommented:
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.
0
Cloud Class® Course: Microsoft Exchange Server

The MCTS: Microsoft Exchange Server 2010 certification validates your skills in supporting the maintenance and administration of the Exchange servers in an enterprise environment. Learn everything you need to know with this course.

 
Tom BeckCommented:
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?
0
 
TrueBlueAuthor Commented:
tommyBoy,
I commented the original rules out.
And copied the new rules below the commented out rules without the position statement.
HTH
0
 
Tom BeckCommented:
Sorry, I completely missed that. I'm looking at it now.
0
 
Tom BeckCommented:
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.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.