title: CSS: overflow-y: scroll; overflow-x: visible
body: <p>See the following post for a picture highlighting my question and a potential solution:</p>
  
  <p><a href="https://stackoverflow.com/questions/5209545/css-overflow-yvisible-overflow-xscroll">CSS overflow-y:visible, overflow-x:scroll</a></p>
  
  <p>However, this strategy breaks when you actually move the scrollbar. In the suggested implementation (<code>position: fixed;</code>), the tooltips display next to child div in its position pre-scroll. So, as you scroll new child-divs into view, the tooltips begin falling off the bottom of the page.</p>
  
  <p>See here for a demo of the bug: <a href="http://jsfiddle.net/narcV/4/" rel="noreferrer">http://jsfiddle.net/narcV/4/</a></p>
  
  <p>Any ideas how I can make the tooltips display next to the child div at all times?</p>