title: Remove ALL ExtJs CSS overrides
body: <p>Like <a href="https://stackoverflow.com/questions/13204698/extjs4-too-graceful-need-help-ie8-component-rendering">this</a> question (and answer) suggest, I currently remove a few ExtJs "injected" css classes by including this in my Ext.application block:</p>
  
  <pre><code>Ext.application({
      launch : function() {
          ...
          Ext.getBody().removeCls('x-nbr');
          ...
      }
  
  });
  </code></pre>
  
  <p>ExtJs adds the 'x-nbr' class to the body tag when Internet Explorer 8 is used (this overrides lots of CSS that ruins my page).</p>
  
  <p>But what other classes does it add?  How how do I remove ALL the styles that ExtJs adds when IE renders my page?</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>I have found a duplicate question <a href="https://stackoverflow.com/questions/9231105/remove-extjs-automatically-added-classes?rq=1">here</a>, but the (at the time of this writing) 2 answers provided are insufficient.  I cannot change the value of scopeResetCSS in ext-all.js as that file is shared across multiple applications.  I need a fix for my application specifically.</p>