title: Floating Scrolling Div with vertical constraints
body: <p>What I am aiming for is along the lines of the example at <a href="http://net.tutsplus.com/tutorials/html-css-techniques/creating-a-floating-html-menu-using-jquery-and-css/" rel="nofollow noreferrer">http://net.tutsplus.com/tutorials/html-css-techniques/creating-a-floating-html-menu-using-jquery-and-css/</a></p>
  
  <p>However I would like to constraint the floating div within another parent div.</p>
  
  <p>E.g.</p>
  
  <p><a href="http://img41.imageshack.us/img41/1686/72219115.png" rel="nofollow noreferrer">alt text http://img41.imageshack.us/img41/1686/72219115.png</a></p>
  
  <p>I would like a menu div to be floating in the above light grey box, but it should not go outside out of it.</p>
  
  <p>Any of the examples that I have seen for floating divs have all simply based their position off the top or bottom of the window. Has anyone tried to do this like the above?</p>
  
  <p>Thanks.</p>