title: ExtJS: Removing unnecessary form item scrollbars in Firefox
body: <p>I am seeking some advice regarding unnecessary scrollbars appearing on certain form items. A screenshot of the issue appears below. Note it is the right-most scrollbar that is unnecessary.</p>
  
  <p><a href="http://img21.imageshack.us/img21/9307/scrollfu.png" rel="nofollow noreferrer">bad_scrollbars http://img21.imageshack.us/img21/9307/scrollfu.png</a></p>
  
  <p>The culprit appears to be the following css, adding <code>overflow: auto;</code> to form items within windows in gecko-based browsers (the problem appears on Firefox):</p>
  
  <pre><code>.ext-gecko .x-window-body .x-form-item {
      outline: medium none;
      overflow: auto;
  }
  </code></pre>
  
  <p>Removing this style solves the problem, but I am wary of possible side effects - though I haven't noticed any as yet, this style was obviously included for a reason.</p>
  
  <p>Does anyone who knows more about Ext styling know if overriding this css to remove the <code>overflow: auto;</code> style will cause other problems?</p>
  
  <p>As an aside, this is only an issue (so far) with a certain component - a custom extension of the Ext.ux.form.MultiSelect component - even though other components use more vertical space. Does anyone know of a possible reason for this?</p>
  
  <p>Thanks for any help.</p>