title: how to make ExtJS' button's background image display correctly in Extjs 2.3
body: <p>I know Extjs 2.3 is pretty old but i'm taking over someone's work here.so my hands are tied for now.</p>
  
  <p>well i'm supposed to change few things in the interface and add new functionality.
  this is my first real ExtJS work (jquery boy here).</p>
  
  <p>i wanted to add new icons on a button and it appears i can't even get the image shown correcty as i can't affect the height of the button, either on the button object property, or in css.
  all that i managed to do is affect the width of the button.</p>
  
  <p>here is my attempt</p>
  
  <pre><code>  btntelButton = new Ext.Button({
              name: 'telbtn',
              id: 'btntel',
              cls : 'x-btn-icon',
              iconCls: 'telButton',
              minWidth : 95,
          });
      &lt;style type="text/css"&gt;
         .telButton
          {
              height: 60px;
               background-image: url(images/tel.png) !important;
          }
      &lt;/style&gt;
  </code></pre>
  
  <p>with the use of telButton class, the backgound images comes but resized to its minimum size, showing only a small portion of the image<img src="https://i.stack.imgur.com/5QQTy.png" alt="showing here">
   when i use the style on the button itself like</p>
  
  <pre><code>    //...
      id: 'btntel',
      cls : 'x-btn-icon',
      style: {height: '90px'}
      //...
  </code></pre>
  
  <p>it's shows <img src="https://i.stack.imgur.com/wAnQm.png" alt="this">
  i've been pulling my hair for the passed few hours. How would you Extjs folks do this?
  please shed a light on this. Thanks for reading</p>