Fixed Background Image

Howdy.

I’m having an issue with my background. I can go into the background settings and set the background image to fixed. This works great for desktops, but when viewing on mobile devices (tablet, iphone) the background image is scrolls. I have tried adding a few different things to my child theme (see below) but nothing has worked thus far.

Any help would be appreciated.

What I tried adding.

body {
background-attachment: fixed;
}

#background {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: url(images/bg-retina.jpg) 0 0 no-repeat fixed !important;
   }