title: trying to get jscrollpane working for the first time, without success!
body: <p>I am trying to get jscrollpane working on a very simple page, but for some reason it is not working.  An image which has normal scrollbars when I remove the script for jscrollpane, but which has no scrollbars when I include it.  I wonder if someone could have a look and see if there is anything obviously wrong.</p>
  
  <p>Thanks</p>
  
  <p>Nick</p>
  
  <pre><code>http://nickharambee.dyndns.org/examples/jscrollpane.html
  
  &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
  
  &lt;head&gt;
  
  &lt;!-- styles needed by jScrollPane --&gt;
  &lt;link type="text/css" href="jquery.jscrollpane.css" rel="stylesheet" media="all" /&gt;
  
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;!-- the mousewheel plugin - optional to provide mousewheel support --&gt;
  &lt;script type="text/javascript" src="jquery.mousewheel.js"&gt;&lt;/script&gt;
  
  &lt;!-- the jScrollPane script --&gt;
  &lt;script type="text/javascript" src="jquery.jscrollpane.min.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
      $(function()
      {
          $('.scroll-pane').jScrollPane();
      });
  &lt;/script&gt;
  
  &lt;style&gt;
  
  .scroll-pane {
      width: 200px;
      height: 200px;
      overflow: auto;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  
  
  &lt;html&gt;
  &lt;body&gt;
  
  &lt;div class="scroll-pane"&gt;&lt;img src="../files/nancy.jpg"&gt;&lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>