title: Jscrollpane plugin for pop up box issue
body: <p>I'm using the jscrollpane jquery plugin to be applied for a pop up div box(lightbox for short), but the jscrollpane scroll bar does not show up.  Here is the html:</p>
  
  <pre><code>{
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;                                                                 
  &lt;head&gt;                                                                  
  &lt;script src="http://code.jquery.com/jquery-1.4.4.js"&gt;&lt;/script&gt;
  &lt;link type="text/css" href="style/jquery.jscrollpane.css" rel="stylesheet" media="all"&gt;&lt;/link&gt;
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="JScrollPaneScripts/jquery.mousewheel.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="JScrollPaneScripts/jquery.jscrollpane.min.js"&gt;&lt;/script&gt;
  &lt;link rel = "stylesheet" type = "text/css" href = "sample1.css"&gt;&lt;/link&gt;        
  &lt;script type="text/javascript"&gt;
   $( document ).ready( function( )  
    {   
     $( function( )   
     {
      $( '#testing2' ).jScrollPane( );
     }); 
  
     $( "#testing" ).click( function( )  
     {
      $( "#testing2" ).show( 5000 );   
     }); 
    }      
   );    
  &lt;/script&gt; 
  &lt;/head&gt;                                                                 
  &lt;body&gt;  
   &lt;div id = "wrapperdiv"&gt;  
    &lt;a id = "testing" href="#"&gt;Link&lt;/a&gt;   
    &lt;div id = "testing2"&gt;  
     lksjflksjdlkflskdjflksjdflkjslkjdflk
     lsdkflksjgliowtjlskdfjlskdfjlskgs
     lksjlk,.x,cmlkvjlkjlwkeoltklfnjsklkj
     lksjf.m,.jlkjoliwekjtlkjgkjjlkjlkjll
     llvalkiwujoitjlkgskjdkgjlsd,fjlsllll
     lksjflksjdlkflskdjflksjdflkjslkjdflk 
     lsdkflksjgliowtjlskdfjlskdfjlskgs  
     lksjlk,.x,cmlkvjlkjlwkeoltklfnjsklkj 
     lksjf.m,.jlkjoliwekjtlkjgkjjlkjlkjll
     llvalkiwujoitjlkgskjdkgjlsd,fjlsllll
     lksjflksjdlkflskdjflksjdflkjslkjdflk 
     lsdkflksjgliowtjlskdfjlskdfjlskgs 
     lksjlk,.x,cmlkvjlkjlwkeoltklfnjsklkj 
     lksjf.m,.jlkjoliwekjtlkjgkjjlkjlkjll 
     llvalkiwujoitjlkgskjdkgjlsd,fjlsllll
     lksjflksjdlkflskdjflksjdflkjslkjdflk 
     lsdkflksjgliowtjlskdfjlskdfjlskgs 
     lksjlk,.x,cmlkvjlkjlwkeoltklfnjsklkj 
     lksjf.m,.jlkjoliwekjtlkjgkjjlkjlkjll
     llvalkiwujoitjlkgskjdkgjlsd,fjlsllll
     lksjflksjdlkflskdjflksjdflkjslkjdflk 
     lsdkflksjgliowtjlskdfjlskdfjlskgs 
     lksjlk,.x,cmlkvjlkjlwkeoltklfnjsklkj 
     lksjf.m,.jlkjoliwekjtlkjgkjjlkjlkjll 
     llvalkiwujoitjlkgskjdkgjlsd,fjlsllll
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/body&gt;                                                                 
  &lt;/html&gt; 
  }
  </code></pre>
  
  <p>Here is the css:</p>
  
  <pre><code>*
  {
   padding:  0px;
   margin:   0px;
  }
  
  #wrapperdiv
  {
   width:   1000px;
   margin:   500px auto 0px auto;
  }
  
  #testing 
  { 
   width:   100px;
   height:   50px;  
   border:   1px solid;
   font-size:  22px;   
   display:  block;
   text-align:  center;
   padding:  25px 0px 0px 0px;
  }
  
  #testing2
  {
   display:  none;
   width:   270px;
   height:   300px; 
   background:  yellow;
   border:   1px solid;  
   bottom:   100px;
   left:   10%;
   position:  relative; 
   z-index:  999;
  } 
  </code></pre>