title: IE8 hover issue, making page disappear
body: <p>I've got a weird problem with IE8, every other browser displays everything fine, but no matter what I do IE8 just won't play nice.</p>
  
  <p>I've got a grid of divs, each .gridCell div contains amongst other elements a hidden div that I'd like to reveal on hover.  </p>
  
  <p>So far, I've tried applying a class to the .gridCell div on hover with javascript and using css to set the preview div to display block using the .hover class. Works perfectly in every browser besides IE8, which when hovering makes the whole page disappear until you move the mouse again.</p>
  
  <p>I've also tried various attempts using jquery to animate the hidden div on hover, which all work, again in every browser, yet in IE8 on hover the whole page jumps to the top on hover no matter which version I try.</p>
  
  <p><a href="http://www.lee-ellam.com/ie8-issue/ie8-issue.html" rel="nofollow">I've put up a rough test case here</a>.</p>
  
  <p>In my scrappy demo, there are z-index issues, but these can be ignored as in the proper version they're sorted, this is just to illustrate the problem.  Scroll down to the second row using jquery, and in IE8 the page will jump up to the top on hover.</p>
  
  <p>I'm sure I'm just missing something simple here, but the more I look at it the more frustrated I get!</p>
  
  <p>Thanks in advance.</p>