title: position:fixed not working in Google Chrome
body: <p>I am having some trouble with a 'fixed' element in Google Chrome.  The element behaves as it should in other major browsers.</p>
  
  <p>Here is the CSS:</p>
  
  <pre class="lang-css prettyprint-override"><code>#element { 
      position: fixed; 
      bottom: 0px; 
      width: 100%; 
      height: 50px; 
      z-index: 10;
  }
  </code></pre>
  
  <p>The issue is, when the page loads, the element is fixed at the bottom of the viewport, as it should be.  Upon scrolling, it remains at the same spot where it was when the page loaded - it doesn't stay fixed to the bottom of the screen.</p>