internet explorer 10 - IE 10 elements with relative position disappearing after scrolling in parent element -

elements position: relative, located inside table cells in big table disappear in internet explorer 10 on windows 7 in particular case:

1. scroll down page
2. scroll div#scroller right
3. scroll top
4. all browsers work expected, ie10 shows blank table cells

at point, resizing ie10 window trigger correct display of cell contents.

big table, cells identical:

<td><div>foo bar</div></td> 

css:

td div {   position:relative;  } 

here's extremely simplified demo: http://jsfiddle.net/86bau/

this known , reported bug in ie10. however, ms seems unwilling it:

https://connect.microsoft.com/ie/feedback/details/817099/ie-10-elements-with-relative-position-disappearing-when-scrolling-in-parent-element-on-windows-7

a hack seems force ie use hardware acceleration (or otherwise forcing redraw toggling display:none). worked me:

-ms-transform: scale(1); transform: scale(1); 

hope work you!