scroll in htm

<head>
<script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
<script>
 $(document).ready(function(){
  fnAdjustTable();
});
fnAdjustTable = function(){
var colCount = $('#firstTr>td').length; //get total number of column
var m = 0;
var n = 0;
var brow = 'mozilla';

  jQuery.each(jQuery.browser, function(i, val) {
    if(val == true){
      brow = i.toString();
    }
  });


  $('.tableFirstCol').each(function(i){
    if(brow == 'mozilla'){
      $(this).css('height',$('#table_div td:eq('+colCount*n+')').outerHeight());//for providing height using scrollable table column height
    }
    else if(brow == 'msie'){
      $(this).css('height',$('#table_div td:eq('+colCount*n+')').innerHeight()-2);
    }
    else {
      $(this).css('height',$('#table_div td:eq('+colCount*n+')').height());
    }
    n++;
  });

}


</script>
</head>


<body>
<table cellspacing="0" cellpadding="0" border="0" >

  <tr>

    <td >


    </td>

    <td >
     <div id="table_div" style="overflow: scroll;width:400px;height:200px;position:relative" " >
        <table width="300px" cellspacing="0" cellpadding="0" border="1" >
          <tr>
            <td>Row1Col1</td>
            <td>Row1Col2</td>
            <td></td>

          </tr>
          <tr>
            <td>Row2Col1</td>
            <td>Row2Col2</td>
            <td></td>

          </tr>
          <tr>
            <td>Row3Col1</td>
            <td>Row3Col2</td>
            <td></td>

          </tr>
          <tr>
            <td>Row4Col1</td>
            <td>Row4Col2</td>
            <td></td>

          </tr>
          <tr>
            <td>Row5Col1</td>
            <td>Row5Col2</td>
            <td></td>

          </tr>
          <tr>
            <td>Row6Col1</td>
            <td>Row6Col2</td>
            <td></td>

          </tr>
          <tr>
            <td>Row7Col1</td>
            <td>Row7Col2</td>
            <td></td>

          </tr>
          <tr>
            <td>Row8Col1</td>
            <td>Row8Col2</td>
            <td></td>

          </tr>
          <tr>
            <td>Row9Col1</td>
            <td>Row9Col2</td>
            <td></td>

          </tr>
        </table>
      </div>
    </td>
  </tr>
</table>

</body>

</html>