I'm in the middle of designing a site for a client but all of a sudden I have this peculiar white box running across my site overlapping the maintop a position. It appeared as the website became longer vertically, if I unpublish any of the modules it disappears as the site becomes less tall.
Anyone have any idea what it is and how I can erase it?
Ok, have now managed to cure the problem in a computer browser by increasing the size of the background image (not sure why that was affecting it) BUT...on an ipad it looks horrendous, there is now a great big white block halfway down the page.
My code for the background image is...
body {background: url(../images/background.jpg) center top repeat-x !important;
Any clever people out there have a clue as to firstly, why the bg image was causing a white block to appear in the browser and secondly, why there is now a huge white block appearing only on an ipad?