title: image/icon hidden behind footer
body: <p>I'm working on a bigCommerce website. I added some css to my footer, as it had an ugly white space underneath. But now, the mcAfee image/icon is hiding behind the footer. I've tried many solutions I found online, but nothing seems to help.
  here is my code
  I have now added the html file as well:</p>
  <pre><code>&lt;div class=&quot;mfes-trustmark loaded&quot; data-type=&quot;102&quot; data-width=&quot;120&quot; data-height=&quot;50&quot; title=&quot;McAfee SECURE&quot; aria-label=&quot;McAfee SECURE&quot; tabindex=&quot;0&quot; style=&quot;width: 120px; height: 49px; display: inline-block; background-image: url(&amp;quot;https://cdn.ywxi.net/meter/24hr.supply/102.svg?ts=1607105520051&amp;amp;l=en-US&amp;quot;); background-size: contain; background-position: center top; background-repeat: no-repeat; cursor: pointer;&quot;&gt;&lt;/div&gt;
  </code></pre>
  <p>and here is the code for the footer:</p>
  <pre><code>.footer {
      padding: 0;
      border-top: 0;
      color: #fff;
      position: absolute;
       width: 100%;
  }
  my template
  </code></pre>
  
  <pre><code>&lt;div class=&quot;container&quot;&gt;
      &lt;section class=&quot;footer-info&quot;&gt;
  
          &lt;article class=&quot;footer-info-col&quot; data-section-type=&quot;footer-categories&quot;&gt;
              &lt;h5 class=&quot;footer-info-heading&quot;&gt;Categories&lt;/h5&gt;
              &lt;ul class=&quot;footer-info-list&quot;&gt;
                  &lt;li&gt;
                      &lt;a href=&quot;https://xxx/&quot;&gt;Kitchen &amp;amp; Bath&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href=&quot;https://xxx/&quot;&gt;septic risers&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href=&quot;https://xxx/&quot;&gt;Heating&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href=&quot;https:xxx/&quot;&gt;Plumbing&lt;/a&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
          &lt;/article&gt;
  
          &lt;article class=&quot;footer-info-col&quot; data-section-type=&quot;footer-webPages&quot;&gt;
              &lt;h5 class=&quot;footer-info-heading&quot;&gt;Navigate&lt;/h5&gt;
              &lt;ul class=&quot;footer-info-list&quot;&gt;
                  &lt;li&gt;
                      &lt;a href=&quot;https://xxx/&quot;&gt;Privacy Policy&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href=&quot;https://xxx/&quot;&gt;Terms &amp;amp; Conditions&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href=&quot;/account.php&quot;&gt;My Account&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href=&quot;/account.php?action=order_status&quot;&gt;Orders&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href=&quot;https://xxx/&quot;&gt;Shipping &amp;amp; Returns&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href=&quot;https://xxx/&quot;&gt;FAQ&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href=&quot;https://xxxcation/&quot;&gt;RSS Syndication&lt;/a&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
          &lt;/article&gt;
  
          &lt;article class=&quot;footer-info-col&quot; data-section-type=&quot;storeInfo&quot;&gt;
  
              &lt;ul class=&quot;fa-ul&quot;&gt;
                  &lt;li&gt;&lt;i class=&quot;fa-li sl-icon-phone&quot;&gt;&lt;/i&gt;&lt;a href=&quot;tel:xxx&quot;&gt;xxx&lt;/a&gt;&lt;/li&gt;
  
                  &lt;li&gt;&lt;i class=&quot;far fa-envelope fa-li&quot;&gt;&lt;/i&gt;&lt;a href=&quot;/contact-us/&quot;&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;i class=&quot;fas fa-at fa-li&quot;&gt;&lt;/i&gt;&lt;a href=&quot;mailto:xxxr.supply&quot;&gt;xxx.supply&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;We accept all major credit cards.&lt;/li&gt;
                  &lt;li&gt;&lt;/li&gt;
                  &lt;img width=&quot;200&quot; height=&quot;31&quot;
                       src=&quot;https://cdn11.bigcommerce.com/s-f88khxqj3n/product_images/uploaded_images/credit-card-logos-1.jpg&quot;&gt;
              &lt;/ul&gt;
  
          &lt;/article&gt;
  
  
          &lt;article class=&quot;footer-info-col footer-info-col--newsletter&quot;&gt;
              &lt;div class=&quot;emthemesModez-newsletterSection emthemesModez-newsletterSection--hasSocials&quot;&gt;
                  &lt;article class=&quot;&quot; data-section-type=&quot;newsletterSubscription&quot;&gt;
                      &lt;h5 class=&quot;footer-info-heading&quot;&gt;Signup&lt;/h5&gt;
                      &lt;p&gt;Get the latest updates on new products and upcoming sales&lt;/p&gt;
  
                      &lt;form class=&quot;form&quot; action=&quot;/subscribe.php&quot; method=&quot;post&quot;&gt;
                          &lt;fieldset class=&quot;form-fieldset&quot;&gt;
                              &lt;input type=&quot;hidden&quot; name=&quot;action&quot; value=&quot;subscribe&quot;&gt;
                              &lt;input type=&quot;hidden&quot; name=&quot;nl_first_name&quot; value=&quot;bc&quot;&gt;
                              &lt;input type=&quot;hidden&quot; name=&quot;check&quot; value=&quot;1&quot;&gt;
                              &lt;div class=&quot;form-field&quot;&gt;
                                  &lt;label class=&quot;form-label is-srOnly&quot; for=&quot;nl_email&quot;&gt;Email Address&lt;/label&gt;
                                  &lt;div class=&quot;form-prefixPostfix wrap&quot;&gt;
                                      &lt;input class=&quot;form-input form-prefixPostfix-input&quot; id=&quot;nl_email&quot; name=&quot;nl_email&quot;
                                             type=&quot;email&quot; value=&quot;&quot; placeholder=&quot;Your email address&quot;&gt;
                                      &lt;button class=&quot;button form-prefixPostfix-button--postfix&quot; type=&quot;submit&quot;&gt;&lt;i
                                              class=&quot;fas fa-chevron-right&quot;&gt;&lt;/i&gt;&lt;/button&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/fieldset&gt;
                      &lt;/form&gt;
                  &lt;/article&gt;
              &lt;/div&gt;
          &lt;/article&gt;
  
      &lt;/section&gt;
  &lt;/div&gt;
  &lt;div class=&quot;footer-copyright&quot;&gt;
      &lt;div class=&quot;container&quot;&gt;
          &lt;p class=&quot;powered-by&quot;&gt;
              © &lt;span id=&quot;copyright_year&quot;&gt;2020&lt;/span&gt; xxx.
              &lt;script type=&quot;text/javascript&quot;&gt;
                  document.getElementById(&quot;copyright_year&quot;).innerHTML = new Date().getFullYear();
              &lt;/script&gt;
  
              &lt;a href=&quot;/sitemap.php&quot;&gt;Sitemap&lt;/a&gt;
          &lt;/p&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  ```