title: div with position-fixed (to bottom) - stop when hitting footer
body: <p>I have already quite advance in solving my problem using a solution I have found in another post: <a href="https://stackoverflow.com/a/8653109/1567848">https://stackoverflow.com/a/8653109/1567848</a> - but am still not able to make it work on a real page. It would only work within JSFiddle.</p>
  
  <p>Here is my already quite complete example and it work exactly the way I want: <a href="http://jsfiddle.net/enULV/" rel="nofollow noreferrer">http://jsfiddle.net/enULV/</a> (why won't it work on a real page?).
  - my guess is that there is a problem with the JavaScript, but my JS is quite poor and I would be very thankful for some help.</p>
  
  <p><em>Perhaps another solution could be to determine a certain amount of pixel from the bottom, creating a limit for the <code>#footer_border</code> not to overlap the <code>#footer</code>. (Just another random idea - I would actually prefer to get this other method working.)</em></p>
  
  <p>Besides, I would like the HTML-Markup and CSS to stay just the way they are (for that it how the page is constructed with all its content, in which I wish in include this script).</p>
  
  <p>Thank you very much in advance.</p>