title: resizing an element with jscrollpane
body: <p>I have a site with an area that needs to resize as the window resizes (and the way this site will be used, I think people will be resizing the window frequently).  This by itself isn't a problem.  I have this HTML and CSS:</p>
  
  <pre><code>&lt;body&gt;
  &lt;header&gt;
    stuff
  &lt;/header&gt;
  &lt;article class="scroll"&gt;
    lots of stuff
  &lt;/article&gt;
  &lt;footer&gt;
    stuff
  &lt;/footer&gt;
  &lt;/body&gt;
  
  article {
  position: fixed;
  top: 180px;
  left: 30px;
  bottom: 60px;
  right: 30px;
  overflow: auto;
  }
  </code></pre>
  
  <p>This works just fine, and the article resizes as the window resizes.</p>
  
  <p>But then I added jscrollpane to the article so that it would have a pretty scrollbar.  Now, when you resize the window, the article does not resize with it - the article stays the size that it was in your original window.  If you hit refresh, it will resize appropriately, but that's lame.</p>
  
  <p>Here's a jsfiddle: <a href="http://jsfiddle.net/7cMvy/" rel="nofollow">http://jsfiddle.net/7cMvy/</a></p>
  
  <p>Any suggestions? </p>