title: How to remove scrollbar in PrimeFaces dialog?
body: <p>I have ajax loading modal dialog in my webapp:</p>
  
  <pre><code>&lt;p:dialog widgetVar="statusDialog" modal="true" draggable="false" minimizable="false" appendToBody="true"
      closable="false" header="Processing..." resizable="false" maximizable="false" style="overflow:hidden !important; overflow-x: hidden !important; width:auto;"&gt;  
       &lt;p:graphicImage library="assets" name="ajax-loader.gif" style="overflow:hidden !important; overflow-x: hidden !important;"&gt;&lt;/p:graphicImage&gt; 
  &lt;/p:dialog&gt;
  &lt;p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();"/&gt;  
  </code></pre>
  
  <p>No matter what CSS styles (I tried various combinations of overflow/overflow-x etc) I use it still displays horizontal (vertical is hidden, no problems there) scrollbar. I also played around with appendToBody attribute. </p>
  
  <p>I need to disable the horizontal scrollbar.</p>
  
  <p>EDIT: this is the HTML rendered by PrimeFaces</p>
  
  <pre><code>&lt;div id="j_idt18" class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-shadow ui-overlay-hidden" style="overflow: hidden; width: auto; height: auto; left: 832px; top: 210px; visibility: hidden; z-index: 1003; display: block;" role="dialog" aria-labelledby="j_idt18_title" aria-hidden="true" aria-live="off"&gt;
  &lt;div class="ui-dialog-titlebar ui-widget-header ui-helper-clearfix ui-corner-top"&gt;
  &lt;span id="j_idt18_title" class="ui-dialog-title"&gt;Processing...&lt;/span&gt;
  &lt;/div&gt;
  &lt;div class="ui-dialog-content ui-widget-content" style="height: auto;"&gt;&lt;img id="j_idt19" src="/webapp/do/javax.faces.resource/ajax-loader.gif?ln=assets" alt=""&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have been able to get rid of the scrollbar by overriding default dialog CSS in my own stylesheet:</p>
  
  <pre><code>.ui-dialog-content {
      overflow: hidden !important;
  }
  </code></pre>
  
  <p>However, this affects all dialogs, not just the ajax loading one. I want to be able to override that style on per-dialog basis. How do I do that?</p>