objeto.graphics dibuja fuera del área

[adanqfb]

He aquí un ejemplo:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application
xmlns:mx="h t t p : / / w w w .adobe.com/2006/mxml"
layout="absolute"
creationComplete="{init();}">
<mx:Script>
<![CDATA[
import mx.core.UIComponent;

private function init():void {
var n:Sprite = new UIComponent;

Paint.addChild(n as DisplayObject);


// Aqui dibujo, pero lo hace encima de todo!!!
n.graphics.lineStyle(2,0x888800,1);
n.graphics.beginFill(0xff0000,0.7);
n.graphics.moveTo(-50,-10);
n.graphics.lineTo(50,50);
n.graphics.lineTo(100,255);
n.graphics.lineTo(3,305);
n.graphics.lineTo(-10,450);
n.graphics.lineTo(-150,-10);
n.graphics.endFill();
}
]]>
</mx:Script>

<mx:HDividedBox>
<mx:VBox>
<mx:List width="250" />
<mx:Button label="Boton" />
<mx:CheckBox label="Check" />
</mx:VBox>
<mx:Panel title="Titulo" width="100%" height="100%">
<mx:Canvas
id="Paint"
width="550"
height="450"
verticalScrollPolicy="off"
horizontalScrollPolicy="off" />
</mx:Panel>

</mx:HDividedBox>
</mx:Application>