Can someone shed some light onto this image problem in a textArea?

Hello,

I have a SWF that I load to a div using JS. The SWF has a textArea. The text for the textArea is loaded from a seperate html file. When this seperate html file is only text it works great. The textArea scrolls beautifully when there is a lot of text.

The problem is when I try to load an image to the SWF. The scroll bars do not show up when the image is too big. I even set the vertical and horizontal scroll policies to on but it still does not let you scroll.

I put some text in the seperate html file, before and after the code for the image, hoping that if there was text after the image the scroll would work. Well the text showed up all together as if the image code were after the text. Still no scroll.

Any ideas here?


import fl.controls.TextArea;
import flash.text.TextFormat;
import fl.managers.StyleManager;
import flash.external.ExternalInterface;
import flash.text.StyleSheet;
import flash.geom.ColorTransform;


mcPopup.txtContent.enabled = true;
mcPopup.txtContent.horizontalScrollPolicy = "on";
mcPopup.txtContent.verticalScrollPolicy = "on";
mcPopup.txtContent.htmlText = "
" + loadedHTMLFile;


html code from the seperate file


<p>This is text.<img src="cits/images/image011.jpg" width="581" height="391" alt="spiral1" />And so is this</p>