Columns in grid not aligned with column headers in Firefox

I’m working on a grid as part of an app. I have several columns, each with a header row as usual. The width of the grid is greater than the page, so you have to scroll left to right to see all the columns.

In Chrome, everything works just fine.

In Firefox, when the grid loads, the headers are properly aligned with their corresponding cells underneath each header.

When you start scrolling left to right, everything remains aligned.

But once you get past a certain point while scrolling, the headers and the cells in their corresponding columns get out of alignment.

Is this a common problem? Any thoughts on a solution? We have users that use both browsers, as well as some Safari and probably some IE also, so “not using Firefox” isn’t an option.


Unfortunately the issue cannot be reconstructed locally.
If issue still occurs - please, provide any kind of sample of your code to reproduce the issue.