in flex, onMouseOut is triggered on Child

In flex, I am using the following code:

mx:HBox id="box1" mouseOver="onBox('box1')" mouseOut="outofBox('box1')" // adding label // closing HBox

onBox adds an image as child of box1:

var crossImage开发者_如何转开发:Image = new Image(); crossImage.source = "cross.png"; crossImage.id = "cross";

box1.addChild(crossImage);

and outofBox removes them.

I believe that image is child of HBox so mouseOut should not be triggered when I hover the mouse over image. But, the moment I hover my mouse pointer over image, mouseOut is triggered. Why is it so?

Set the mouseChildren property of the container to false