How do I position a Loader image inside a Sprite?

Question

In AS3 / CS4 I'm trying to programmatically create a bunch of rectangular objects, let's call them 'cards', that will contain an image and a colored background and eventually some other elements like text.  I want to create alot of these cards and move them around inside of a larger panel (also a Sprite) of sorts.  I can successfully create colored rectangles in my cards and place the cards where I want in the panel, but whenever I try to add an image to a card, I can't seem to position the image inside the card's coordinate space, it ends up being placed inside the larger panel's coordinate space instead, even though I'm adding the image/loader as a child of the card.  I thought maybe it had something to do with having to wait until the image loading was complete, so I added the listener as a test but that didn't work.  Here's the code:
            var cont:Sprite = new Sprite();  containing 'card'
            var rect:Sprite = new Sprite();  // draw a colored rectangle in the card
            var loader:Loader = new Loader();
            loader.contentLoaderInfo.addEventListener(Event.COMPLETE, positionLoader);
            rect.graphics.beginFill(0xbb3399);
            rect.graphics.drawRect(60,60,99,99);  // this works as expected
            rect.graphics.endFill();
            cont.addChild(rect);
            addChild(cont);
            var req:URLRequest = new URLRequest("top.png");
            loader.load(req);
            function positionLoader(e:Event):void {
                loader.x = 30;  // position the image inside the containing card
                loader.y = 30;
                cont.addChild(loader);  // add the image to the card

Answer 1

I solved this problem.