I have a jQuery datatable generated in my webpage. Since it was too big, I used zoom:0.8; to fix its size in Google Chrome.
This didn't do it for Firefox though, so I added -moz-transform: scale(0.8); to the CSS sheet. Everything still works fine in Chrome, but if Firefox now shows the datatable correctly, it seems I cannot change the sorting value anymore in the header. I can click to see the list of items, but I cannot click them (nothing happens). I did not modify anything else than adding one line to my css file.
How can I fix this?
Note: There is a similar known bug filled at Bugzilla, although it was reported in 2008 and still is not fixed. It would be interesting to find a way around this issue.