Fixed background image

I'd like a fixed background image and my pages to slide over the image as I navigate (rather than slide in a new page with a new instance of the background image). To achieve this I set the background image of the body to my desired image, and then the background-color of ion-views, and panes to be transparent.

This mostly works, but results in some undesirable glitches as the page navigates, dark vertical lines flicker on and off as the page transitions.

Does anyone know a better way to achieve this?

Thanks,

Slicc

Some Less here:

body {
    background: url(../images/background1.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    > .view-container {
        background-color: transparent!important;
        > .pane {
            background-color: transparent!important;
        }
    }
}