title: JQuery-ui : tabs with heightstyle fill, in a resizable panel, tab content height is not updated
body: <p>My problem is that when I have a tabs element with the heightStyle set to 'fill', and this tab is inside a resizable element, when the parent resize, the tab content does not resize accordingly. </p>
  
  <p>The code is pretty straightforward: </p>
  
  <pre><code>$("#tabs").tabs({
      heightStyle: 'fill'
  });
  $('#resize').resizable({
       handles: 's'
  });
  </code></pre>
  
  <p>The css, p being the content of the tabs: </p>
  
  <pre><code>body {
      font-size:62.5%;
  }
  #tabs {
      height:100%;
  }
  p {
      background-color:yellow;
      width:100%;
      height:100%;
  }
  </code></pre>
  
  <p>And here is a fiddle showing what I mean: <a href="http://jsfiddle.net/C27dF/1/" rel="nofollow">http://jsfiddle.net/C27dF/1/</a> </p>
  
  <p>Basically, you can see that the tab container is resized, but not the content. </p>
  
  <p>Does anybody knows how I could get the tabs to update the height of its content ?</p>
  
  <p>Thanks a lot. </p>