Im trying to put a full-width background image in the footer of a web page in Foundation 6.3 (the CSS version).

I've tried different code variations in my app.css file, but nothing's working.  Here's my code below, (maybe I have too many selectors?), if anyone can tell me what the problem is.  

 

Thanks,

Steve

 

#wrapper {

    background: url("../assets/woodgrain326.jpg") no-repeat center center fixed; 

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    width: 100% !important;

    z-index: 0;

}