text-align в button
 

Доброго времени всем :)
Я тут запарился с кнопками.. я хочу что бы содержимое кнопок было по левую сторону.Но по дефолту оно в середине.
Пробовал явно указать style: 'text-align:left'; и ничего. Что посоветуете?
Вот код:

var itemUsers = new Ext.Panel({
        floationg   : true,
        title       : 'Пользователи',
        items:[
            {
                text    : 'Новый пользователь',
                xtype   : 'button',
                width   : '100%',
                handler : function() {
                    win(formUsers(null));
                }
            },
            {
                text    : 'Новый тип',
                xtype   : 'button',
                width   : '100%',
                handler : function(){
                    win(formTypeUsers(null));
                }
            },
        ],
        listeners:{
            activate: function(){
                element.show();
            },
            deactivate: function(){
                element.hide();
            }

        }
    });

.x-btn-text {
text-align: left;
}

попробуй применить этот css после загрузки стилей extjs