title: CSS fixed position when at position x
body: <p>I have a div positioned at the top of a page, right underneath a headline bar. As the user scrolls down and the bar goes up, I would like it go up only until the edge of the browser window and then stay there as if fixed.</p>
  
  <p>How is that possible? Is it feasible with CSS only or do I need jQuery? I would prefer jQuery for cross-browser compatibility.</p>
  
  <p>Here is the plain and simple css code I am using so far:</p>
  
  <pre><code>#fbLikeDiv
  {
      position: fixed;
      top: 95px;
      left: 10px;
  }
  </code></pre>
  
  <p>You can also have a look at the site: www.myskoob.com/postish/ - it is about the left Facebook like box that I would like to stay at the top edge of the browser window when the user scrolls down, but first goes up until there.</p>