Hello,

I'm having a bit of trouble getting a background image to display properly.

My staging site is at: http://projects.impactgr.com/WendlandAg/index.php, and it works fine in browsers, but it really screws up on mobile devices.

I think it must have something to do with how I've made the background a background image.

Code:
#insidebody{
background-image: url(images/bg_WhiteBoxGradient.jpg);
background-position: center;
background-repeat: repeat-y;
min-height: 786px;
}

#wrapper { 
background-image: url(images/bg_FullExceptFooter.jpg);
background-position: center top;
background-repeat: no-repeat;
}

#canvas {
width: 1020px;
margin: 0px auto;
min-height: 732px;
overflow: hidden;
}

#footer-wrapper {
background-image: url(images/bg_footer.jpg);
background-position: center top;
background-repeat: no-repeat;
min-height: 97px;
color:white;
}
Does anyone have any ideas? thanks for any help!