title: jQuery 1.4.2 resizable div stops working once it fits in browser window
body: <p>I have a 'toolbar' div that I made resizable via jQuery UI.</p>
  
  <p>The weird thing is, I cannot drag the div unless the div is so long it extends past the viewable page, making the scrollbars appear. I can then drag the div anywhere I like. However, if I drag the div so it fits in the page without scrollbars, and I drop, I cannot resize it again (unless I make the page smaller so the scrollbars appear again!).</p>
  
  <p>Here's the html:</p>
  
  <pre><code> &lt;div class="Viewer"&gt;
      &lt;div align="center"&gt;
          &lt;div align="left" style="position:relative; width:100%; height:30px;"&gt;
              &lt;div id="toolbar_buttons" class="ToolBar"&gt;
                  &lt;table&gt;
                      &lt;tr&gt;
                          &lt;td&gt;
                              &lt;button id="play"&gt;play&lt;/button&gt;
                          &lt;/td&gt;
                          &lt;td&gt;
                              &lt;button id="stop"&gt;stop&lt;/button&gt;
                          &lt;/td&gt;
                          &lt;td&gt;
                              &lt;div id="slider-vertical"&gt;&lt;/div&gt;
                          &lt;/td&gt;
                          &lt;td style="width:30px;"&gt;
                              &lt;!--&lt;input type="text" id="amount" style="border:0; display:none; font-weight:bold;" /&gt;--&gt; 
                              &lt;span id="amount"&gt;&lt;/span&gt;
                          &lt;/td&gt;
                          &lt;td&gt;
                              &lt;button id="btnScreenSizer"&gt;fit to screen&lt;/button&gt;
                          &lt;/td&gt;
                          &lt;td&gt;
                              &lt;div id="status"&gt;status stuff goes here&lt;/div&gt;
                          &lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/table&gt;
  
              &lt;/div&gt;
  
              &lt;div id="toolbar" class="ui-widget-header"&gt;&lt;/div&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here's the CSS:</p>
  
  <pre><code>#toolbar
  {
      display:    none; 
      width:      300px; 
      height:     45px; 
      z-index:    -999999;
  }
  </code></pre>
  
  <p>Here's the jQuery:</p>
  
  <pre><code>$("#toolbar").resizable({
      handles: "se",
      maxHeight: 45,
      minHeight: 45,
      minWidth: 400
  });
  </code></pre>
  
  <p>Any ideas? The toolbar is located in an iFrame.</p>