Hyperlink/anchor behaviour different in Safari/Chrome & FireFox

Hi, I’m entering anchors and hyperlinks into cells of a column in my table as follows, for example:

Row X, Column Y
<a class="Kangxi" id="?"></a>

Row X+n, Column Y
<a href="#?">a variant of ?（おつ）</a>

This works. However, the position to which the hyperlink takes me is differernt in FireFox 31 compared to Safari 7 / Chrome 36. When I click on the hyperlink in FireFox, the page scrolls to the row with the anchor (Row X) still visible at the very top of the page. This is the desired behavior. When I do the same in Safari/Chrome, the the page scrolls to Row X+n, specfically to the row containing the hyperlink itself and shows that at the top of the page.

Here is a testpage demonstrating this (password=kanji). I assume I must be doing something very simple wrong. I am using the current version of TablePress (v1.4).

https://www.ads-software.com/plugins/tablepress/