title: how to make div stick to bottom of overflow:auto parent div?
body: <p>A slight twist on the common question of sticking a div to the bottom of a parent div.  In this case I want the stuck div to STAY stuck even when it's parent is scrolled, and to be on top of the text that scrolls underneath.  What's the trick?  jsfiddle here: <a href="http://jsfiddle.net/forgetcolor/vYjMv/1/" rel="nofollow">http://jsfiddle.net/forgetcolor/vYjMv/1/</a>.  code repeated below:</p>
  
  <pre><code> &lt;!doctype html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;style type="text/css"&gt;
        #wrapper {
          width:300px;
          height:300px;
          background-color:#eee;
          position:relative;
          overflow:auto;
        }
  
        .bot {
          border:1px solid #ddd;
          display:inline;
          position:absolute;
          bottom:0;
          right:0;
          color:blue;
        }
  
      &lt;/style&gt;
      &lt;title&gt;tst&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div id="wrapper"&gt;
        &lt;p&gt;
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sed tempor nibh. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec molestie tortor non nisi accumsan placerat. Morbi elit risus, venenatis et sodales congue, tristique vel ligula. Maecenas convallis arcu turpis. Praesent nibh leo, blandit ut posuere et, aliquet at sapien. Ut placerat, libero id faucibus pellentesque, leo nulla consectetur ligula, quis malesuada sapien nulla id diam. Nullam turpis nisl, malesuada non gravida eu, eleifend et quam. Proin sit amet elit euismod odio tincidunt tempor. Sed eleifend tincidunt blandit. Cras eget sapien odio, a sodales dui. Pellentesque tincidunt varius sagittis. Nullam nisl est, volutpat sed fringilla at, faucibus id mi. Phasellus vel lacus nibh, eget consectetur nulla. Quisque vel elementum nibh. Etiam vitae lectus erat, eu euismod est.
        &lt;/p&gt;
        &lt;span class="bot"&gt;bottom&lt;/span&gt;
      &lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>