Remove poistion: fixed; from the body css. Plus I'm not quite sure why you would want left: 330px; either as you have margin: 0 auto; declared on the 'wrap' <div> which will horizontally center the page in the browser window.
font: 76% Verdana,Tahoma,Arial,sans-serif;
background-position: center top;
position: fixed; REMOVE THIS
Thanks - that's worked. I just couldn't see it having gone round and round in circles.
It still doesn't work in IE. If I reduce the screen size down, it's still doesn't give you scroll bars. This might be because of an extra < you have in your code. You have: <div id="mainphoto"><</div> (notice the extra opening tag?)