Log in

View Full Version : CSS hover states don't work in IE



moonlighter44
06-04-2008, 12:20 AM
Hi,
I've designed this site to make an orange underline appear under the nav items on rollover. it works in Safari, FF (mac and pc), and even IE 5.2 on mac but nothing happens on the hover state on IE 6 on a pc.
Advice??
here's the site:
http://www.sargentservices.com
and the css i used

#nav{
padding-top: 64px;
text-align: right;
font: 14px Arial, Helvetica, Verdana, sans-serif;
padding-right: 25px;
}


#nav a:link, a:visited{
color: black;
text-decoration: none;
}

thanks

rangana
06-04-2008, 12:34 AM
IE this time is right. This part in your CSS is erroneous:


font: 14px Arial, Helvetica, Verdana, sans-serif;


The CSS font shorthand rule (http://www.evolt.org/article/Ten_CSS_tricks_you_may_not_know/17/60369/) needs no more than one font-family.

You better change it to:


font-size:14px;
font-family:Arial, Helvetica, Verdana, sans-serif;


See if it helps.

moonlighter44
06-04-2008, 02:37 PM
ohmygosh,
THANK YOU THANK YOU THANK YOU!!!