Hello I am coding a new site, and the provided image for the background
is really wide: 1536 x 6140.

This is the test link:


I am using it as the site background as I was requested using this code for css:

body {
background:url(http://dl.dropbox.com/u/4138955/drop...-design-v2.jpg) no-repeat top left;
color: #fff;
padding-top: 40px;
font-family:Georgia, "Times New Roman", Times, serif;

I am having two problems:

1) on my 24" screen everything works fine and I dont have any horizontal scrolling, But testing on a 15" and 17" laptop, I am having a "horizontal scrollbar" appearing at the bottom. I will like to have only vertical scrolling and not horizontal. So I am not sure if there is any CSS or JS trick I can use
to fix this. Maybe you have another idea?

Thanks a lot for your help, this is very important for me, hope someone can help me out!

Ps: Also I forgot asking, if you have any tips for image optimization at this given size, I'll be happy to know!