title: White space at the bottom of the browser only on Google Chrome
body: <p>EDIT: <strong>Check to see if you have any unwanted plugins installed. The issue was solved by removing a Google Chrome plugin called 'Slick Savings'.</strong></p>
  
  <p>The sticky footer is working fine on both Firefox and Safari but when I open it in Google Chrome it has a small amount of white space under the footer. </p>
  
  <p>The footer uses a relative position because every time I try to use absolute positioning it ends up in the middle of the page.</p>
  
  <p>What should I do to get rid of this? I've tried overflow:hidden, bottom:0, padding-bottom:0</p>
  
  <p>Here is the markup:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;html&gt;
  
    &lt;body&gt;
  
     &lt;div class ="wrapper"&gt;
  
       &lt;div class ="content"&gt;
         Page content!
       &lt;/div&gt;
  
     &lt;/div&gt;
  
       &lt;div class ="footer"&gt;
         Footer content!
       &lt;/div&gt;
  
    &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>*{
    margin:0;
    padding:0;
  }
  
  html{
    -webkit-font-smoothing: antialiased;
    margin:0;
    padding:0;
    min-height:100%;
    height:100%;
  }
  
  body{
    height:100%;
    margin:0;
    padding:0;
  }
  
  .wrapper{
    min-height: 100%;
    height: auto !important;
    height: 100%;
  }
  
  .content {
    font-family:'Droid Serif', serif;
    margin:auto;
    width:90%;
    max-width:60em;
    height:100%;
    padding-bottom:16em;
    overflow:auto;
  }
  
  .footer{
    width:100%;
    height:14em;
    background-color:#F5F0E7;
    border-top:4px solid #E6DAC3;
    position:relative;
    clear:both;
    margin-top:-14em;
    margin-bottom:0;
    padding-bottom:0;
  }
  </code></pre>