Flex iframe shows always top

Hi, I am using iframes in flex 4 but it is shows always top.i am not able to show the tooltip.how to solve this?

please look at the picture.Here i wnat to show the full tooltip of the button but it's h开发者_运维知识库ide half becouse of the iframe i need to solve this,how to do this?

---

Can you try decreasin the width of the VBox in which the iframe resides So your code should be:

<mx:HBox height="100%" width="100%">   
  <mx:VBox height="100%" width="5%">  
    <mx:Spacer height="140"/>
    <s:Button ..label="Back" />
    <s:Button ..label="Forware" />
 </mx:VBox>
 <mx:VBox height="100%" width="90%" id="mainvbox"><!--change this line-->
   <flexiframe:IFrame .. width="100%"/>
 </mx:VBox>

EDIT1: I got the issue. This happens , when the iframe tries to be the topmost child in the window. Can you try the following:
1.Give Iframe and id='iFrame'
2.Add an creationComplete handler for the application

<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"  creationComplete="creationCompleteHandler(event)"

3.In the handler, change the index of this iframe and make it the bottommost compontent.

protected function creationCompleteHandler(event:FlexEvent):void
{
    var iFrameIndex:int =this.getChildIndex(this.iFrame);
    this.removeChildAt(iFrameIndex);
    this.addChildAt(this.iFrame,0);
}

Try this.The problem should be solved.

just change the width % of the VBox in question and test again. Please update if that doesnt solve the issue