Ext.Carousel into Ext.Panel issue items alignment-positioning(anroid-phonegap)

[lorandT]

Can somebody explain me what is wrong in this code as you see in the image the second carousel item's top is aligned with first bottom(or parent bottom) each time change his position jumps up down , and I don't know why...
thx, Lorand
device-2011-11-15-091146.jpg
Source code:

Ext.application({
    name: 'pcapital',         
    controllers: ['Home'],
    launch: function () {var carousel = Ext.create('Ext.Panel',{
            fullscreen: true,   
            items:[
               {   xtype: 'toolbar',
                   docked: 'top',
                   items: [
                       { xtype: 'spacer', width: 50 },
                       { xtype: 'spacer' },
                       {
                           xtype: 'title',
                           title: 'Personal Capital'
                       },
                       { xtype: 'spacer' },
                       {
                           xtype: 'button',
                           iconMask: true,
                           iconCls: 'refresh'
                       }
                   ]
               },
               {
                   id:'content',  
                   xtype:'carousel',
                   defaults: {
                        styleHtmlContent: true
                    },
                   items:[
                          {
                             xtype: 'emailform'
                          },
                          {
                             xtype: 'registrationform'
                           },
                          {
                             title: 'Home',
                             iconCls: 'home',
                             html: '<img src="http://staging.sencha.com/img/sencha.png" />'
                          },
                           {
                               title: 'Compose',
                               iconCls: 'compose',
                               xtype: 'homepage'
                           }
                       ]       
               }
           ]          
        });     ]

[mitchellsimoens]

Can I get the definitions of the emailform and registrationform classes?

[lorandT]

Ext.define('pcapital.view.form.EmailForm', {
    extend: 'Ext.Panel', 
    alias: 'widget.emailform',
    layout:'fit',
    config: {
          title:'test',
          items:[
            {
                  xtype:'spacer',
                  height:'30px'
            },
            {
                xtype:'fieldset',
                instructions: 'Enter your email address.',
                defaults: {
                    labelWidth: '35%'
                },
                items: [
                    {   xtype:'emailfield',
                        label:'Email',
                        name:'textEmail',
                        placeHolder:'me@email.x'
                    }
                ]
            },
            {
                xtype:'button',
                text:'Continue'
            }
        ]
    },
    initialize: function() {
        console.log("InitComponent for email form");      
        this.callParent();  
    }       
});

Ext.define('pcapital.view.form.RegistrationForm', {
    extend: 'Ext.Panel', 
    alias: 'widget.registrationform',
    layout:'fit',
    config: {
        items: [
                {    xtype:'spacer',
                    height:'30px'
                           
                }, 
                {
                    xtype: 'fieldset',
                    instructions: 'This will be your Personal Capital User ID.',
                    defaults: {
                        labelWidth: '35%'
                    },
                    items: [
                        {
                            xtype:'emailfield',
                              label:'Email',
                            name:'textEmail',
                            placeHolder:'email'
                        },
                        {xtype:'spacer'}, 
                        {
                            xtype:'passwordfield',
                            labelAlign:'left',
                               label:'Password',
                            name:'password'
                        },
                        {
                            xtype:'passwordfield',
                            labelAlign:'left',
                               label:'Verify'
                        }
                    ]
                },
                {
                    xtype:'button',
                    text:'Continue'
                }
             
        ]
    }
});