If you go to easource.com and scroll to the bottom of the page you will only see part of the background image I tried inserting. There is a layer that is covering most of the background image. I tried inspecting with firebug to try and remove that layer. Can someone help me find out where this problem is occuring?

This is the css code and html code for the image.

#bottom-container {
background-image: url('http://easource.com/wp-content/uploads/2014/07/felix.jpg');
background-position: 0% 105%;
background-repeat: repeat-x;
cursor: pointer;
HTML Code:
<div id="bottom-container">