hover link working in IE7&8 not in other browsers

For the css hover link, the Governor and Director names on the header IE7 and IE8 work fine, however, it won't work in:  Safari, Firefox, Chrome, and Opera.

http://insurance.illinois.gov/newdefault3/newdefaultflat3.asp
smitty62Asked:
Who is Participating?
 
Kyle HamiltonConnect With a Mentor Data ScientistCommented:
The div.menu-area is covering up the links. Try this:

 
.menu_area {
display: none;
position: absolute;
width: 900px;
height: 180px;
right: 0px; 
padding:0; /* remove the padding at the top */
overflow: visible;
top: 90px; /* and position 90px down form the top instead */
}

Open in new window

0
 
Gurvinder Pal SinghCommented:
i can see some activities happening on hover for firefox also,
Which link hover are you talking about?
0
 
smitty62Author Commented:
Pat Quinn, Governor          Jack Messmore, Acting Director
0
Cloud Class® Course: SQL Server Core 2016

This course will introduce you to SQL Server Core 2016, as well as teach you about SSMS, data tools, installation, server configuration, using Management Studio, and writing and executing queries.

 
Gurvinder Pal SinghCommented:
but where have you given the :hover styles for links under?

#GovDirLinks ul li a: hover
{
}
0
 
smitty62Author Commented:

#GovDirLinks a:hover{
      font-weight:bold;
      font-size:small;
      color:#FF0;
}

I inserted:  /* Header name links */  into the css so that you can find it easier.  Not only does it not change color, but the mouse pointer is not turning into a hand.

http://insurance.illinois.gov/newdefault3/newdefaultflat3.asp
0
 
Gurvinder Pal SinghCommented:
So, is the issue resolved now? Is anything pending?
0
 
smitty62Author Commented:
It works in IE, but it won't work in Safari, Chrome, Firefox, or Opera.  What is stopping the other browsers from not seeing the <a href> link, and not changing color?
0
 
Gurvinder Pal SinghCommented:
can you update the css to add the :hover style for them, so that i can check it here?
0
 
smitty62Author Commented:
I moved it out of the CSS include and put in the <style> tags in the <head> section
0
 
smitty62Author Commented:
Thank you kozaiwaniec.  That worked.
0
 
Kyle HamiltonData ScientistCommented:
:)
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.