Chrome Menu IE8 Background-color issue ...

[Per K]

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

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

3) Describe problem:

It seems that your chrome menu will not display a background color in the dropdown elements when using IE8.

I have created a small hack, that will resolve this issue.

Your syntax:


#dropmenudiv a:hover{ /*hover background color*/
background-color: #F0F0F0;
}

Should be:


#dropmenudiv a:hover{ /*hover background color*/
background-color: #F0F0F0;
border-top:1px solid #F0F0F0;
}

In addition this creates a small "animation" where it looks like the button is pressed down on mouseover.

I have tested this in Firefox, ie7 and ie8 - works like a charm :-)

Have a fantastic day :-)

/Per K