Help! Why is the dynamic textfield is stacking the xml text?

programming flash
1

New to as3 … Do anyone know what causes a dynamic text field to display text in stacking order?

(example)

s
ta
c
k
i
n
g

________________________ this is my code _________________________________
var myXML:XML = new XML;
var myLoader:URLLoader = new URLLoader();
myLoader.load(new URLRequest(“BodyShop.xml”));
myXML.ignoreWhite = false;

myLoader.addEventListener(Event.COMPLETE, processXML);
function processXML(e:Event):void {
myXML = new XML(e.target.data);
var ShopArea:XMLList=myXML.TR.AreaHeader.text();
var ItemContent:XMLList = myXML.TR.ShopAreaInfo.text();
shopHeader.htmlText=ShopArea.toString();
descriptionArea.htmlText = ItemContent.toString();
}

overlay_tf.closeOverlay.addEventListener(MouseEvent.CLICK, retractOL);
function retractOL (me:MouseEvent):void {
var overlayTM:TransitionManager=new TransitionManager(overlay_tf);
overlayTM.startTransition({type:Fly, direction:Transition.OUT, duration:1});
overlayTM.addEventListener(“allTransitionsOutDone”, hideOL);
}
function hideOL(e:Event): void {
setChildIndex(overlay_tf,0);
}
btn_4.addEventListener(MouseEvent.CLICK, btn4);
function btn4(event:MouseEvent):void {
var ShopArea:XMLList=myXML.TR.AreaHeader.text();
var outsideArea:XMLList = myXML…Obj_number.(@description == “4”).ObjTag.text();
var ItemContent:XMLList = myXML…Obj_number.(@description == “4”).ObjInfo.text();
shopHeader.htmlText=ShopArea.toString() + outsideArea.toString();
descriptionArea.htmlText = ItemContent.toString();
descriptionArea.addEventListener(TextEvent.LINK, tf_4a);
}

function tf_4a():void {
setChildIndex(overlay_tf,10);
TransitionManager.start(overlay_tf,{type:Fly, direction:Transition.IN, duration:1})
var tfArea:XMLList = myXML…Obj_number.(@description == “4a”).ObjInfo.text();
overlay_tf.subDescriptionArea.htmlText = tfArea.toString();
}