Container-ы странно ведут себя в браузерах
 

В Ext Designer создал форму с тремя кнопками смотрю в браузере и вижу
в IE кнопки что-то перекосило

а в опере вообще не работает, ни ошибок, ни предупреждений, просто чистый экран.

Это в порядке вещей, сделать форму в редакторе, а потом плясать с бубном, чтобы она заработало на всех браузерах?

Это код сгенеренный редактором.

MyContainerUi = Ext.extend(Ext.Container, {
    width: 527,
    height: 66,
    defaults: 'padding: 13;',
    initComponent: function() {
        this.items = [
            {
                xtype: 'container',
                layout: 'hbox',
                width: 400,
                autoWidth: true,
                autoHeight: true,
                items: [
                    {
                        xtype: 'spacer',
                        width: 100
                    },
                    {
                        xtype: 'button',
                        text: 'MyButton',
                        flex: 1,
                        height: 25
                    },
                    {
                        xtype: 'spacer',
                        width: 10
                    },
                    {
                        xtype: 'button',
                        text: 'MyButton',
                        flex: 1
                    },
                    {
                        xtype: 'spacer',
                        width: 10
                    },
                    {
                        xtype: 'button',
                        text: 'MyButton',
                        flex: 1
                    },
                    {
                        xtype: 'spacer',
                        flex: 1,
                        width: 10
                    }
                ]
            }
        ];
        MyContainerUi.superclass.initComponent.call(this);
    }
});

Причём в самом редакторе форма отображается корректно.