title: jQuery UI dialog won't center properly
body: <p>I have a jQuery pop-up dialog that I want to have a <code>max-width</code> on, and I want it centered.  I also want to re-use the same <code>div</code> for its content.  My issue is that if you set <code>width:auto</code> when opening the dialog, as you need to do for <code>max-width</code> to kick in, the dialog won't centre properly if you first pop-up some text that <em>doesn't</em> cause an overflow, and then pop-up some text that <em>does</em>:</p>
  
  <p><a href="http://jsfiddle.net/kxCuq/2/" rel="nofollow">http://jsfiddle.net/kxCuq/2/</a></p>
  
  <p>As you can see, the second time round the pop-up is moved over to the right instead of horizontally centered.  Is there any way to fix this?</p>