title: jScrollPane cutting off bottom of content
body: <p>I'm using jScrollPane on a site I'm developing, and on all of the divs that use jScrollPane, the bottom of the div is hidden.  </p>
  
  <p>You can see the problem <a href="http://woody.alchemycs.com/our-story/" rel="nofollow noreferrer">here</a> or <a href="http://woody.alchemycs.com/writing/book-4/" rel="nofollow noreferrer">here</a>.</p>
  
  <p>It seems to me that the problem must be that my <code>.page-scroll</code> div is too tall, but making it shorter doesn't do any good.  I've messed with the heights of all the divs on the page (those created by me and those created by jScrollPane), and nothing seems to help.</p>
  
  <p>Does anyone have any suggestions?</p>
  
  <p><strong>EDIT</strong>
  MiniRagnarok found the answer, but I'll summarize it here so that you don't have to read through our whole conversation, if anyone else is having this problem.  I think that this thread: <a href="https://stackoverflow.com/questions/3820632/jscrollpane-2-0-height-problem-in-chrome">jScrollPane 2.0 height problem in chrome</a> actually answers it.  I think the issue is that the site uses @font-face, which renders the font after jScrollPane has decided how tall the page is.  So by adding <code>autoReinitialise: true</code> to the element, I was able to fix the problem.  And then MiniRagnarok found some silliness in my CSS that compounded the problem.  All better now!</p>