[flexcoders] layout question

[Maciek]

Hi. I've been doing a fair amount of Actionscript, and am now getting to
do some mxml layout. I

I have a component with a login control (this is the only child in the
component, and the parent is a VBox with width and height set to 100%):

<mx:Panel id="loginPanel">
    <mx:Form id="loginForm"
        left="10" right="10" bottom="10" top="10">
        <mx:FormHeading label="Welcome"/>
        <mx:FormItem label="User Name">
                <mx:TextInput id="username"/>
        </mx:FormItem>
        <mx:FormItem label="Password">
                <mx:TextInput id="password" displayAsPassword="true"/>
        </mx:FormItem>
    </mx:Form>
    <mx:Button label="Log in"
        click="handleLogin(event)" bottom="10" right="10"/>
</mx:Panel>

This does what I expect for the form, (it has a margin of 10px), but the
button is clinging to the bottom left of the panel. I think I'm missing
something. Any suggestions?

-Maciek