title: CSS float - bottom corners
body: <p>I have buttons that always float at the the bottom corner of the browser window.</p>
  
  <p>The <em>back</em> button is in the correct place, but the <em>next</em> button won't float right.</p>
  
  <pre><code>#footerback {
      width: 107px;
      background-position: top;
      padding: 0px 30px 30px 0px;
      position: fixed;
      bottom: 0px;
      float: left;    
  }
  #footernext {
      width: 107px;
      background-position: top;
      padding: 0px 30px 0px 30px;
      position: fixed;
      bottom: 0px;
      float: right;   
  }
  </code></pre>
  
  <p>How do I fix this?</p>