[Action Script] Problem with Panel Layouts June,2012

I am trying to design a UI in Flash Builder 4.6 and am having an issue getting Panels to stay within the container they should be constrained to. I have a BorderContainer that spans the top 14% of the window and 100% of the width. I would like to add several Panels to this BorderContainer so that I can have multiple different 'sections', each with its own Panel title and several drop down menus/radio buttons/etc within each. My code is shown below with the first two panels included:

<!-- Top Container -->
<s:BorderContainer width="100%" height="14%">

<s:layout>
<s:HorizontalLayout/>
</s:layout>

<!-- Top, A Container -->
<s:Panel width="280" height="100%"
dropShadowVisible="false"
title="Display Options">
</s:Panel>

<!-- Top, B Container -->
<s:Panel width="280" height="100%"
dropShadowVisible="false"
title="Workstation Options">
</s:Panel>

</s:BorderContainer>

I can get these constraints to work (so that the panels are not taller than the bordercontainer) but when I make any further adjustment to the interface they will change size (becoming larger than the BorderContainer that they are in). I'm not sure why this is happening because I have them inside the BorderContainer and have specified that they remain 100% of its size. For some reason though they like to change size in relation to their container.

Can anyone tell me how to fix this? Thank you!
Problem with Panel Layouts

Related Post