title: How to make a div stay at the bottom of another div that scrolls
body: <p>I have a div that is 400px high and it has content that scrolls inside. I have another div with an image inside, this div sits at the bottom of this parent div using position:absolute; bottom:0; but when I scroll it moves up the parent div with the content. </p>
  
  <p>I have used jQuery to change the position of the div to the bottom each time the user scrolls the parent div, this works but it jumps each time the div scrolls. </p>
  
  <p>Is there a way to do this with a smooth scroll? I would like it to just sit at the bottom of the parent div and not move at all.</p>
  
  <p>Thanks</p>