body {
    overflow-x: hidden;
}

#background {
    position:absolute;
    width:100%;
    padding: 0;
    height:100%;
    z-index:-1;
    top:0;
    right:0;
}

.background li {
    position: absolute;
    width: 101%;
    height: 101%;
    top: -0.5%;
    left: -0.5%;
    /*opacity: 0*/
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    transition: opacity 1s;
}

/* If background-size supported we'll add the images to the background of the li */
.backgroundsize .background li {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
}

/* ...and hide the images */
.backgroundsize .background li img {
    display: none;
}

.background li img {
    display: block;
    width: 100%;
}

/* Fallback */
.no-js.no-backgroundsize .background li:first-child {
    /*opacity: 1;*/
}

.no-js.backgroundsize .background li:first-child img {
    display: block;
}