View Full Version : Chromemenu IE

07-24-2006, 02:42 PM
1) Script Title: Chrome CSS Drop Down Menu (v2.0)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/chrome/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:


07-24-2006, 03:44 PM
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*/


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