CSS - Background issue on website

[Neil79]

I thought I had it fixed because on my home screen 1920x1200 it clearly shows the Space Invaders down both sides of the center information area. They were like Space Invader borders

body {
background-color:#262525;
background-image: url(https://lh3.ggpht.com/-OpdfWUferFo/UQVr_UmoI7I/AAAAAAAAD34/7Fel7mpW15w/s0/1.jpg);
background-repeat: repeat;
background-size: 100% 100%;
background-position: top center;
background-attachment: fixed;
}

However, on this screen 1440x900, the space invaders are nowhere to be seen . How do I have the same background display show what ever screen resolution you are running at?

http://tinylink.net/79468

 

[Tripnologist]

The problem is that your background is actually attached to more than one element.
body, .body-fauxcolumn-outer

Attach it to the body only and remove the background-size.

 

[Neil79]

.body-fauxcolumn-outer {
background-color:#262525;
background: url(https://lh3.ggpht.com/-OpdfWUferFo/UQVr_UmoI7I/AAAAAAAAD34/7Fel7mpW15w/s0/1.jpg)top center repeat;
background-attachment: fixed;
}
.body-fauxcolumn-outer div {
background: none;
}

Seems to be working, thanks for your help Trip, really greatful