title: jQuery Accordion - div not scrolling in Chrome
body: <p>I have the following accordion:</p>
  
  <pre><code>&lt;div id="accordion"&gt;
      &lt;h3&gt;Section 1&lt;/h3&gt;
      &lt;div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;
      &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;hello
      &lt;/div&gt;
      &lt;h3&gt;Section 2&lt;/h3&gt;
      &lt;div&gt;
      &lt;/div&gt;
      &lt;h3&gt;Section 3&lt;/h3&gt;
      &lt;div&gt;
      &lt;/div&gt;
      &lt;h3&gt;Section 4&lt;/h3&gt;
      &lt;div&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And here is the jquery:</p>
  
  <pre><code> $(function() {
     $( "#accordion" ).accordion({
       fillSpace:true
     });
   });
  
   $(window).resize(function(){
      $("#accordion").accordion("resize");    
   });
  </code></pre>
  
  <p>Everything is working fine in Firefox, but in Chrome the "Section 1" div doesn't add a scrollbar even though there is content overflow. I have to manually resize the window before the scrollbar shows up (within the div). Firefox detects the overflow and shows the scrollbar by default. Anyone have an idea as to what is happening? I wouldn't even mind forcing the scrollbar to always show, but I couldn't even get any styles to apply to the div or the accordion. </p>