title: Nanoscroller.js - text overflowing but not scroll bar?
body: <p>I'm using Nanoscroller (<a href="http://jamesflorentino.github.io/nanoScrollerJS/" rel="nofollow noreferrer">http://jamesflorentino.github.io/nanoScrollerJS/</a>) to try and get a sidebar to scroll if there's too much content in it. However, I'm finding the text overflows the div (as expected because it's a fixed height) but the scroll bar doesn't appear! So it's just flowing on to the page and past the footer. It looks like this:</p>
  
  <p><img src="https://i.stack.imgur.com/3TFM2.png" alt="Screenshot">
  Does anyone know what could be causing this? The code I am using is at: <a href="http://pastebin.ca/2627843" rel="nofollow noreferrer">http://pastebin.ca/2627843</a></p>
  
  <p>The key bits (I think) are:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
          $(window).load(function() {
                  $('.nano').nanoScroller();
          });
  &lt;/script&gt;
  </code></pre>
  
  <p>And:</p>
  
  <pre><code>        background-color:red;
          float:left;
          width: 500px;
          height: 500px;
  }
  
  
  /* Scrolling */
  
  .nano {
          background: #bba;
          width: 500px;
          height: 500px;
  }
  
  .nano .content {
          padding: 10px;
  }
  
  .nano .pane   {
          background: #888;
  }
  
  .nano .slider {
          background: #111;
  }
  </code></pre>
  
  <p>Any comments appreciated. Thank you.</p>