title: Content not pushing footer down on page
body: <p>Hi my footer is not pushed down by content. I have tried z-index, sticky footers and none have corrected this.</p>
  
  <p><a href="http://www.subsbench.pamelajkeogh.com/player.html" rel="nofollow">http://www.subsbench.pamelajkeogh.com/player.html</a></p>
  
  <p>css</p>
  
  <pre><code>#footer {
      position: absolute;
      clear: both;
      bottom:0;
      width:100%;
      height:105px;   /* Height of the footer */
      background:#eaebec;
      background: linear-gradient(180deg, #eaebec, #7c7d7f);
  /*  position: relative;*/
      z-index: 9999;
  }
  </code></pre>
  
  <p>html</p>
  
  <pre><code>      &lt;!-- Footer --&gt;       
          &lt;div id="footer" class="panel-footer col-xs-12"&gt;
            &lt;div class="col-md-4"&gt;&lt;/div&gt;
            &lt;div class="col-md-4"&gt;
            &lt;img id="subsBench-footer-img" src="images/Footer_Black_onTheBench_strapline_and_logo.png" alt="SubsBench Logo and Strapline"&gt;
            &lt;/div&gt;
            &lt;div class="col-md-4"&gt;
            &lt;img id="sm-icons" src="images/social_media_Icons.png" alt="Social Media icons"&gt;
            &lt;/div&gt;
          &lt;/div&gt;&lt;!-- /Footer --&gt;
  
  &lt;/div&gt;&lt;!-- /container --&gt;
  </code></pre>
  
  <p>bootstrap panel-footer</p>
  
  <pre><code>.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  </code></pre>