jScrollPane not display scroll when data retrive from database or ajax div

Hi i am trying to implement jScrollPane on my page because it seem to be the only way to get scrollbar displaying on iphone.
if i had data inside the scrollbar div itself the scrollbar shows fine but my script retrives the data from the database and display using <div id="ajax"></div> and the scrollbar doesnt work it will it display half the data from the database without the scrollbar so i cant see the rest is like is under the div
this is the site if you see the under property search the blue div meant to be filled with property but only display a few as the div cut the bottom without the scroll i can see it
this the link not working with the jScrollPane
http://www.estateagentsonfilm.co.uk/tv/bellway/indextest.php
this how database retrieve the data and display in table

$qry_result2 = mysql_query($query2) or die(mysql_error());
while($row = mysql_fetch_array($qry_result2)){	?> 
  <div id="imagelist">
 <table width='160' border='0' cellspacing='0' cellpadding='0' background='http://onfilm.biz/streaming/home/<?php echo $client; ?>/<?php echo $row[film_client_office]; ?>/<?php echo $row[film_filename];?>tmb.jpg' height='90'>	        
 <tr height="56">            
        <td align='center' valign='bottom' width='152' height="56">           
                <img src="../jrp/thumb_click_image.png" alt='' name='photo' width='152' height="56" border='0' id='photo' onclick='ajaxFunction2(<?php echo $row[film_id]; ?>);'/>        </td>        
        <td align='center' valign='bottom' width='8' height="56">
        </td>      
 </tr>       
 <tr height="16">
      <td align="right" valign="bottom" width="152" height="16" background="../jrp/thumb_text_image.png"><span class='hofwhite10'><?php echo $row[film_location_town]; ?></span>
      </td>            
	 <td align="center" valign="top" width="8" height="16" background="../jrp/thumb_text_image.png">
     </td>       
  </tr>        
<tr height="16">		
	 <td align='center' valign="top" width='152' height="16" background="../jrp/thumb_text_image.png"><span class='hofwhite10'>
        <?php if(!$row[film_location_price]=="")
			 {	
				   if($row[film_location_price]=="1")
			    {	
				   echo "&pound POA";
				}
				   else
				{	
				   echo "&pound ".number_format($row['film_location_price']);
				}
			 }
		 ?>        </span>
     </td>
          <td align='right' valign="top" width='8' height="16" background="../jrp/thumb_text_image.png">
          </td>
    </tr>
</table>
       
<table width='160' border='0' cellspacing='0' cellpadding='0' height='4'>       
	<tr height='4'>          
	   <td width='160' height='4'>
       </td>
    </tr>    
</table>	
       </div>
       
<?php

PHP:

this the one scroll i want to achieve but with the jScrollPane beacuse it seems to be the only way to have scrollbar on iphone?
http://www.estateagentsonfilm.co.uk/tv/bellway/index.php