title: jQuery Ui dialog always has horizontal scrollbar?
body: <p>I am designing a form in a popup dialog (no iframe, just html) and no matter what I do there is always a scrollbar (see image below).</p>
  
  <p><img src="https://i.stack.imgur.com/tIXwW.png" alt="Horizontal scrollbar"></p>
  
  <p>Currently the dialog width is being set to auto (via the dialog options) but I have tried 100% and though the window stretches, the scrollbar remains.</p>
  
  <p>I read through <a href="https://stackoverflow.com/questions/1856258/iframe-in-jquery-ui-dialog-causes-horizontal-scrollbar-on-parent">this post about scrollbars with iframes</a> and have tried playing with .ui-widget-overlay in firebug to no effect. Interestingly enough, there is no scrollbar in IE7, though the box is stretched to the whole screen and the scrollbar re-appears as soon as you try to resize.</p>
  
  <p>Does anyone know how to fix this issue before I spend even more time on it?</p>
  
  <p>I am running <code>jquery 1.4.3</code> with <code>jquery ui 1.8.6</code></p>