.ui-dropdownchecklist-item-hover css class failing in Firefox

[GoogleCodeExporter]

_What steps will reproduce the problem?_
1. Set some properties to _.ui-dropdownchecklist-item-hover_ class
2. Run the widget in Firefox v3.x

_What is the expected output? What do you see instead?_
Firefox v3.x does not respect any attribute set in this class.

To overcome this I've added _.ui-dropdownchecklist-item:hover_ class where
I could at least set a background color, but still no results with text
color. I've tried to override some values directly in the JS code but with
no results either.

The bug is clearly seen on the very first page with the demo
(http://dropdown-check-list.googlecode.com/svn/trunk/demo.html). Just run
it in FF and it becomes clear that _.ui-dropdownchecklist-item-hover_
doesn;t work.

Combining _.ui-dropdownchecklist-item-hover_ with
_.ui-dropdownchecklist-item:hover_ and IE hover hack all other browsers
respect one or the other producing the same visual: IE7/8, Opera 9.64,
Safari 3.2.2, Google Chrome 2.0.x, Maxthon 2.5.1, Avant 11.7.

Since even GRE-based Safari is doing well, I'd say it has something to do
with the browser detect. I could see to the bug myself if I have time
(which I doubt).

Original issue reported on code.google.com by akaine.h...@gmail.com on 1 Jun 2009 at 7:37

[GoogleCodeExporter]

Original comment by adrian.tosca on 9 Jun 2009 at 7:34

• Changed state: Duplicate