Scroll overflow bug in Chrome

Took me a while to catch it,

Chrome (Windows 7): 25.0.1364.152 m
Datatables: 1.9.4
jQuery: 1.8.3
jQuery-UI: 1.9.2

Set Chrome's Zoom to 90%:

http://jsfiddle.net/MfsWX/2/embedded/result/
http://jsfiddle.net/MfsWX/2/

Entire row in now overflowed out of the screen with the main browser's scrollbar.
This bug can appear and disappear depending on the data inside of <td>s, but in this particular example - it shows clearly.

Why don't "sScrollX": "100%" and "sScrollY": "100%" work properly?

How to fix it?

FF and IE9 don't have this issue.

Please help. Thanks.