title: Javascript Floating div that always ontop when scrolls down
body: <p>What is the right way to build simple floating <code>div</code>s using Javascript (or CSS programmatically)
  that is on top and always visible when scrolling down?</p>
  
  <p>Now I've seen examples like <a href="http://www.jtricks.com/javascript/navigation/floating.html" rel="nofollow">this</a>. When you scroll down you see the div jumping and a delay. I want it to constantly be on top when the content of the page is not my ,<br>
    the script will be injected via chrome extention</p>
  
  <p>can it be done?
  something like  <a href="http://jsfiddle.net/c47Qp/" rel="nofollow">this</a> ; but less complex and not depend on the page content</p>