Pagination using jQuery with JSP....

Pagination using jQuery with JSP....

Hi ..i am able to get the pagination with

<script src="pager.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
jQuery(document).ready(function(){

jQuery("#ARPtktTable").tablesorter({widthFixed: true, widgets: ['zebra']}).tablesorterPager({container: jQuery("#pager")});

});
</script>

table is like:

<div id="main" position="absolute">
<table ID="ARPtktTable" position="relative" class="tablesorter" border="1" >

.....
</table>

</table>
<div id="pager" position="relative" align="center"> <img src="/myCSS/pager/icons/first.png" class="first"/>
<img src="/myCSS/pager/icons/prev.png" class="prev"/>
<input type="text" size="5" disabled="disabled" class="pagedisplay"/>
<img src="/myCSS/pager/icons/next.png" class="next"/>
<img src="/myCSS/pager/icons/last.png" class="last"/>
<select class="pagesize">
<option selected="selected" value="5">5</option>
<option value="10">10</option>
<option value="20">20</option>
<option value="30">30</option>
<option value="40">40</option>

</select>
</div>
</div>
.........................
but when number of records(ex. 4) in the last page are getting lesser then the default no of records(ex.5)

then the location of the div is same ..then gettign overlap on the table below it......how can i make the position of the paginator div relative to the table..

Thanks in advance....
Dheeraj.