title: JScrollPane doesn't come up on first page load
body: <p>I'm using a JScrollPane on a login page, basically after successfull login, it'll go to the second page where I should see the ScrollBar but the scrollbar dosn't show on first load, I have to refresh the page one more time, does anyone know why this happens?
  Has anyone used JScrollPane before?</p>
  
  <p>Thanks for your help.</p>
  
  <pre><code>$(function()
      {
      // this initialises the demo scollpanes on the page.
        $('#logos').jScrollPane();                
      });
  
  &lt;head&gt;
      &lt;link rel="stylesheet" type="text/css" href="css/jScrollPane.css" /&gt;
  
      &lt;script type="text/javascript" src="jquery/jquery-1.3.2.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="jquery/scrollPane.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="jquery/jScrollPane.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
       &lt;div id="logos" class="scroll-pane"&gt;
       &lt;a id="logo1" href=""&gt;&lt;img src="" /&gt;&lt;/a&gt;
       &lt;a id="logo2" href=""&gt;&lt;img src="" /&gt;&lt;/a&gt;
                   .....
                   ......
  
  &lt;/div&gt;
  
  &lt;/body&gt;
  </code></pre>
  
  <p>Also I don't see any errors when using firebug.</p>
  
  <p>after looking around the code I realize that I need to re-initialize the scroll-pane, </p>
  
  <p>so after adding the following code still the scroll bar doesn't appear on first page load but as soon as I move the cursor it appears, so I was wondering how I can reinitialize it without the hover effect,</p>
  
  <pre><code>$(function() {
  reinitialiseScrollPane = function()
                  {
                      $('#logos').jScrollPane();
                  }
                  $('body').hover(function() {
                      reinitialiseScrollPane();
                  });
  
  });  
  </code></pre>
  
  <p>thanks for your help.</p>