best strategy for this roll-over?, 2 elements, see attached .gif
just thought it'd be a good idea to run this by this group.
the way i have it now is not good enough. here's what happens:
the mouse enters the LI area and the star fades in (incorrectly, see below) but the text color does not change, so it looks out of sync. the text only changes when the mouse is right on top of it.
the star is set as a the List Element's background image, only for a hover state. i set to easing so what happens is it animates to the background position offset. ugg...
i could do with jQuery but would prefer just to use CSS. any ideas?
what i'd like is (predictably) the star to fade in simultaneous to the text changing color. this should happen as soon as the mouse enters the LI area.
feedback would be greatly appreciated!, thanks