Panel Margin

[hihei]

I want a border in my panel, but I don't understand what's wrong in my code:

panel:

myPanel= Ext.extend(Ext.Panel, {
    constructor: function(config){
        App.Views.myPanel.superclass.constructor.call(this, config);
    },

  initComponent: function(){
    
    Ext.apply(this, {
      title: "myPanel",
      tpl : this.myTpl,
      cls: 'detail-border'
    });
    
    App.Views.myPanel.superclass.initComponent.call(this);
  
  },

});


Ext.reg('App.Views.myPanel', App.Views.myPanel);

and css class:

.detail-border {
    padding: 8px;
    margin: 8px;
    border-color: #3bbfce;
    border-width: 20px;
    border-color: #900;
}

[mitchellsimoens]

Have you inspected the DOM to see what is going on?