Flex3: SWFLoader Issues

Question

Is this the right forum for Flex3, seems to be the closest
match?
Creating Flex3 app for dynamically loading SWF's and other
content (jpgs, pngs) inside an mx:Panel at runtime. The SWF's fire
dynamically in AS3 great, but the SWF's act strange and don't
conform to their containers. It shows objects off the stage in some
instances, and
doesn't stay inside the panel or the arbitrary canvas I defined
for the SWFLoader. I'd like to be able to load any SWF and pop
it into a panel to run, much as it would perfectly on a web page.
I've tried just about every combination of width and height
parameters, but it never works as intended. I've reverted to
absolute sizing, it might be easier to get working than relative,
even though that's the desireable endstate.
Any suggestions? I can include screenshots if necessary.
Thanks!
Relevent Code (let's hope it doesn't mangle it!):
<mx:Application
xmlns:mx="
http://www.adobe.com/2006/mxml"
layout="vertical"
initialize="initApp()"
height="100%" width="100%"
paddingTop="10" paddingBottom="10" paddingLeft="10"
paddingRight="10"
creationCompleteEffect="{ creationCompleteEffect }" >
<mx:HDividedBox width="100%" height="100%">
....snip, the left nav panel here...
<mx:Panel
id="contentPanel"
title="Currently Viewing: {selectedNode.@label}"
width="100%"
height="650"
paddingTop="0" paddingRight="0" paddingLeft="0"
paddingBottom="0"
shadowDirection="right"
visible="false"
showEffect="{fadeIn}" >
<mx:Canvas borderThickness="1" borderStyle="solid"
width="600" height="400">
<mx:Image
id="content_loader"
source=""
scaleContent="true"
maintainAspectRatio="true"
showBusyCursor="true"
width="600"
height="400"
includeInLayout="true"
complete="trace(content_loader.content.loaderInfo.width,
content_loader.contentWidth,
content_loader.content.loaderInfo.height,
content_loader.contentHeight)"
ioError="missingSourceFile();" />
</mx:Canvas>
<mx:ControlBar>
<mx:Label text="Go to:"/>
<mx:NumericStepper/>
<!-- Use Spacer to push Button control to the right.
-->
<mx:Spacer width="100%"/>
<mx:Button label="Prev" />
<mx:Button label="Play"/>
<mx:Button label="Stop"/>
<mx:Button label="Next"/>
<mx:HSlider id="volume" minimum="0" maximum="100"
value="80"
dataTipPlacement="top"
tickColor="black"
snapInterval="1" tickInterval="10"
labels="['1','Volume','100']"
allowTrackClick="true"
liveDragging="true"
change="changeVolume();"/>
</mx:ControlBar>
</mx:Panel>
</mx:HDividedBox>

Answer 1

I have the same problem.
I think this is the answer:
When loading a SWF file from an nontrusted source (such as a
domain other than that of the Loader object's root SWF file), you
may want to define a mask for the Loader object, to prevent the
loaded content (which is a child of the Loader object) from drawing
to portions of the Stage outside of that mask, as in the following
code:
import flash.display.*;
import flash.net.URLRequest;
var rect:Shape = new Shape();
rect.graphics.beginFill(0xFFFFFF);
rect.graphics.drawRect(0, 0, 100, 100);
addChild(rect);
var ldr:Loader = new Loader();
ldr.mask = rect;
var url:String = "
http://www.unknown.example.com/content.swf";
var urlReq:URLRequest = new URLRequest(url);
ldr.load(urlReq);
addChild(ldr);