XF 1.2 One large background image

Hello! I'm trying to make a a background that surrounds the page, but when I do it tends to be a little weird.

What is the best way to do this? Right now I am taking the large background image we use for our non-xenforo site and making separate images for the header, header background, and background.
 
Try this in extra.css:
Code:
body { 
     background: url("image.jpg"); 
     background-size: 100%; 
     background-attachment: fixed; 
}
 
Top Bottom