title: IE focus when div is scrolled
body: <p>My goal is to simulate the behavior of jquery "datepicker" but instead of showing a calendar, I want to show a selectable table.</p>
  
  <p>I have a working <a href="http://jsfiddle.net/dz9VC/" rel="nofollow">fiddle</a> in chrome and FF but not in IE8 :( (I don't know if you guys can run fiddles with IE but if you can't, please make a local copy and open with IE, thanks)</p>
  
  <p><strong>Problems:</strong></p>
  
  <ol>
  <li><p>in IE, when I scroll, the div is hidden so I fixed it with </p>
  
  <pre><code>        $("#test_table_container").scroll(function() {
              if (myTimeOut) {
                  clearTimeout(myTimeOut);
              }
          });
  </code></pre>
  
  <p>but when I click on the scrollbar (instead of dragging it), the div is hidden. This is also the same when click the arrow buttons. This does not happen though if I drag the scroll bar FIRST, THEN click on the scroll bar.</p></li>
  <li><p>the timout duration (90ms) is unfortunately very intermittent, sometimes I am able to select values in tr and then the div is hidden, but sometimes the div is hidden FIRST, before the click event of tr is triggered that's why the value is not reflected in the input.</p></li>
  </ol>