title: nanoscroller.js - slider/pane not showing in chrome (solution found)
body: <p>I'm using <a href="http://jamesflorentino.github.com/nanoScrollerJS/">nanoscroller.js</a> to create a scrollable list of things.</p>
  
  <pre><code>$(".nano").nanoScroller({ alwaysVisible: true });
  $(".submenu").addClass("hidden");
  </code></pre>
  
  <p>".submenu" is the parent of ".nano" and only shown after clicking a button.</p>
  
  <p>Everything works fine in FF, Safari and Opera. But in Chrome the slider/pane of the scrollbar don't show up. Has anyone come across the same problem and found a solution to this? Or maybe know an alternative plug-in to create custom scrollbars that can handle this scenario?</p>
  
  <h3>Edit/Solution:</h3>
  
  <p>Found a solution to this:</p>
  
  <pre><code>$(".nano").nanoScroller({ alwaysVisible: true });
  $(".submenu").addClass("hidden");
  $(".pane").css("display","block");
  $(".slider").css("display","block");
  </code></pre>
  
  <p>manually changing the <code>display</code> of <code>.pane</code> to <code>block</code> seems to do the trick.</p>