Srolling div not aligning

[Xurion]

Hi all - I think this is a html issue, but it might be css. I've been asked to add a scrolling div into a friend's site. The page had a long list of images and made the page long to scroll so they asked if it were possible to add a mini-scroll in the content area of the page.

 

When you first load the page, the div appears to try and make space for the long list of images and places the div a long way down the page. The page is at: http://www.islamic-artist.co.uk/gallery-of-art.php and the stylesheet is at http://www.islamic-artist.co.uk/style.css.

 

When you view the page a second time, the div works how is should. I'm a little confused as I've messed around with the hights a bit but nothing seems to work.

 

Thanks in advance.

 

Xur~