How to stabilise a rollover effect ?

Hello,

I created a simple symbol from a circle with a cross inside (two rectangles). The symbol has two states labelled "normal" and "over" in which background colors change : on mousover and mouseout on the circle, sym.stop("over"); and sym.stop("normal"); respectively.

The problem : "over" when the cursor hovers over the circle, but back to "normal" when it hovers over the cross. The API suggests to use mouseenter and mouseleave to avoid  child elements of the symbol interrupt the mouse event. I tried it, but the behavior is the same.

Is there any JavaScript solution (I'm a beginner, coming from AS3), or should I bypass with two flattened graphics "normal" and "over" ? Thanks in advance.

Gil