Solved

IE displacing pull-down menu

Posted on 2011-09-14
5
265 Views
Last Modified: 2012-06-22
This is working in all browsers except IE7 & IE8.  In IE7 it all looks good except that the category "Main" when the mouse is on the first three letters the dropdown list disappears when when you try to go down the list.

In IE8 the dropdowns are not appearing under the categories where the mouse is.  Why would this work in all browsers except these two?  Any ideas?

http://insurance.illinois.gov/newdefault3/newdefaultflat3.asp
0
Comment
Question by:smitty62
  • 3
5 Comments
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 36539871
The page looks essentially identical in Firefox and IE8 on my computer.  Dropdowns are in the same places in both browsers.
0
 
LVL 30

Accepted Solution

by:
LZ1 earned 500 total points
ID: 36542334
Try adding left:0px to the #NavMenu UL
0
 

Author Comment

by:smitty62
ID: 36542742
That worked great LZ1, for lining up the drop-downs under the category, but on the "Main" category the drop-down is still disappearing when you move the mouse from over the Mai down to the drop-down menu.  It works if you move the mouse down from the "n" in "Main".  It's like the hover doesn't work for 1/2 the category "Main" area.
0
 

Author Comment

by:smitty62
ID: 36542770
I just figured it out.  One of the images was causing the problem, and I just moved it over a little bit, then the "Main"  started working.  Thanks for your help.
0
 

Author Closing Comment

by:smitty62
ID: 36542776
Thanks LZ1...YOU ROCK!
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …

914 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

14 Experts available now in Live!

Get 1:1 Help Now