how to scroll the full length of divs in class???

how to scroll the full length of divs in class???

Hi there,

this is my 1st post on the board and any help woul dbe greatly appreciated. I've ogt everything working the way I want it...you can see here www.kerrydean.ca/tizzest.html

The only problem is the slider will not scroll the full length of the all 3 of the div in the class
This is the code I'm using

$(document).ready(function() {
$('a').click(function () {
    var divname= this.name;
    $("#"+divname).show("slow").siblings().hide("slow");
$(".info").css("top", 0 
  );
// Reset slider to top

    var max = $("#slider-vertical").slider("option","max");
              $("#slider-vertical").slider("value", max);
});
  });
   
$(function() {
    var scrollPane = $('.info'),
        scrollableHeight = scrollPane.height() - scrollPane.parent().height() || 0;
  $("#slider-vertical").slider({
      orientation: "vertical",
      range: "max",
      min: 0,
      max: scrollableHeight,
      value: scrollableHeight,
      slide: function(event, ui) {
      scrollPane.css({top: ui.value - (scrollableHeight / 1000) -scrollableHeight});
      }
    });
  });


PLEASE....I'm going insane. I'd be greatful for any help.
If you need more code or explanation please let me know

Thanks in  advance!
Greg