I have a site up and it looks fine on the browsers I want it to look fine on but for some reason, on the iPhone, the background will not take up the entire backdrop. In the vertical position it is about 1/4 and on horizontal it is about 1/2.
I have tried changing the css to:
background-position:0 0;
background-position:top left;
background-position:50% 0;
The css worked but I also tried this and it worked as well.
.main-bg-purple .rt-bg2 {
background:url(../images/backgrounds/red/body-background.jpg) top left #6f1426;
}
body {
background:url(../images/backgrounds/red/body-background.jpg) top right #6f1426;
}