Hello,

When viewing a clients website on the iPad, I noticed that the background image was scaled to almost 50% of its width, while other background images were just shown fine. It is a pretty high background image though: 2375px (background image cannot be fixed, so has to scroll along with the content).

So i first tried some things in the CSS, but after changing the image for one with only 500px height, it is clear that indeed the iPad Safari browser scales down the background image.

Which sucks.

The code of the CSS box that has the background image is as follows:

#wrapper {
margin: 0 auto;
width: 996px;
float:none;
background:#040403;
background-repeat:no-repeat;
background-image:url("/images/bg.jpg");
position:relative;
overflow:hidden;

}

Any suggestions if and how i can fix this without making an iPad version of the website?

Thanks and happy new year already!