On my website, I have a background image set. However, I noticed that when viewing it on a mobile device, the background image appears in different sizes on different pages, even though they are all linked to the same stylesheet and use the same code.
You can visit 'treyscode.com' to see the size discrepancy on different pages. Please keep in mind that the site is still a work in progress, so don't be too harsh :)
'''
body {
background: url(../image/blackhole.jpg);
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height:100%;
width:100%;
}
'''
What could be causing the background image to display at different sizes on different pages?