IE text rollover effect - not working

How do I get the IE text rollover effect to work? Works fine in FF; heres the link.

Thanks in advance!

 

IE doesn't support :hover on anything but the a element. Do a:hover {??}, and you should be OK.

cheers,

gary

 

Yea, somethings work in IE but not firefox, some things work in Firefox but not IE... you gotta make it work for both!

 

In IE "hover" only works on <a> tags. You need to change your nav class to look like this instead of what you got..

a.nav:hover {
font-size:24px;
border-bottom:#ffffff solid 3px;
color:#ffffff; }

Also your code is broken near the bottom near the <li> classes and that can cause problems too

 

Tried that and still doesn't work.

 

Hmm, may need to add an "a.nav" too or use "text-decoration: underline;" rather than "border-bottom:#ffffff solid 3px;"

 

Just change the height of #nav:

#nav{
position:absolute;
top:120px;
text-align:left;
height:50px;
}

 

Wow, can't believe I didn't think of that! Thanks a million!

 

You're welcome.