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

[Lisa23]

Hi i am trying to implement jScrollPane on my page because it seem to be teh only way to get scrollbar displaying on iphone.

now the problem i am having with is that if i had data inside the scrollbar div itself the scrollbar shows but my script retrives the data from the database and display using <div id="ajax"></div> but the scrollbar doesnt work it will display so it display half the data from teh database without the scrollbar so i cant see the rest

this is the site if you see the under property search teh 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

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