It I position the background image like this:
Expand|Select|Wrap|Line Numbers
- body {
- margin: 0;
- font-size: 10pt;
- line-height: 1.4em;
- text-align: center;
- background: url(images/image.jpg) no-repeat 980px top;
- }
I tired positioning an element with the background but that went off the edge of the screen and when I tried to hide the overflow, but that meant you couldn't scroll the main page to see the content on the low resolution or high zoom.
Is there a way to take the centre and then add 490 pixels to it so it will start from the end of the container?