Chromemenu IE

[jhford]

1) Script Title: Chrome CSS Drop Down Menu (v2.0)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...rome/index.htm

3) Describe problem: The script works perfectly for me in FF but the menu text turns white in IE on mouseover and is illegible.
My test site:
http://www.21stcapital.com/newsite/index.html

Thanks

[jscheuer1]

Most likely it is because this style from pandf.css:

a:hover {
	color: #FFFFFF;
	background-color: #387DB5;
}

Is being used for these links hover styled like so in chromemenu.css:

.chromestyle ul li a:hover{
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

as well as these links hover styles:

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}

If you don't want the hover color for these links to follow the only link hover color set for the page, add a color property/value pair to their more specific selectors. And, just to be on the safe side, make sure to include a space before the opening curly brace (IE requires that for some odd reason in some cases), examples:

.chromestyle ul li a:hover {
color: #494949;
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

and:

.dropmenudiv a:hover { /*THEME CHANGE HERE*/
color: black;
background-color: #F0F0F0;
}