title: Floating div positioning
body: <p>I need a floating rectangle (100% width, 100px height) to appear exactly 20px above the bottom of a page. How can I do that?</p>
  
  <p>The code below shows the rectangle at the bottom of the browser window not the page - so if the page is taller than what can fit in the screen, the rectangle appears somewhere in the middle of the page.</p>
  
  <pre><code>&lt;div style="z-index: 1; position: absolute; right: 0px; bottom: 20px; background-color: #000000; width: 100%; height: 100px; padding: 0px; color: white; "&gt;&amp;nbsp;&lt;/div&gt; 
  </code></pre>