javascript - テーブルセル内のFirefoxの絶対位置

Question

驚いたことに、問題を引き起こしているのは IE ではなく、Firefox です。

フィドル: http://jsfiddle.net/EwUnt/

この表のポイントは、カーソルがあるセルの行と列を強調表示することです。

問題は、Firefoxでテストするたびに、列と行の両方ではなく、行自体のみを強調表示することです.(IE、Chrome、Safari、およびOperaでうまく機能します)

JS fiddle では問題なく動作しますが、空白の html または Wordpress では動作しません。

これらのライブラリをロードしています。

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="http://codeorigin.jquery.com/ui/1.9.2/jquery-ui.js"></script>

そしてスクリプト：

    $(document).ready(function () {
function firefoxFix() {

    if ( /firefox/.test( window.navigator.userAgent.toLowerCase() ) ) {

        var tds = document.getElementsByTagName( 'td' );

        for( var index = 0; index < tds.length; index++ ) {
            tds[index].innerHTML = '<div class="ff-fix">' + tds[index].innerHTML + '</div>';                     
        };

        var style = '<style>'
            + 'td { padding: 0 !important; }' 
            + 'td:hover::before, td:hover::after { background-color: transparent !important; }'
            + '</style>';
        document.head.insertAdjacentHTML( 'beforeEnd', style );

    };

};

firefoxFix();
)};

どうしたの？