Scrolling images

[gerkintrigg]

Hi All,

 

I have designed this page: http://98.131.0.168/~truro/pages/Ghostly~Publishing/Ghostly~Publishing.html

The problem is that the images (in the scroll box) should be scrolling to the right, but they're not.

 

I have the following CSS code to control this action:

#display_images{
height:200px;
width:640px;
overflow-x:scroll;
overflow-y:hidden;
}

 

I don't want the box to scroll vertically at all. Is it something in the way I'm outputting the images?

 

<div id="display_images"><?php
while($ri=mysql_fetch_array($sqli)){
	list($width, $height, $type, $attr)= getimagesize($root.$ri['big_img']); 
	?><img src="<?php echo $root.$ri['big_img'];?>" width="<?php echo $width;?>" height="<?php echo $height;?>" border="0" class="magnify" data-magnifyby="2.5" style="width:<?php echo round($width/2.5);?>px; height:<?php echo round($height/2.5);?>px; cursor:pointer;"/><?php 
	}
	?></div>  

 

I can't seem to work it out, and I don't want to have to resort to iframes.