html - IE8 モードを使用すると、Dynamicall で生成された HTML ページの CSS が台無しになります

Question

Javascript を使用して動的に作成された HTML ページがあります。ページは IE7 モードで完全に実行されますが、同じ CSS を IE8 モードで使用すると境界線が表示されず、IE8 でも機能しないハイライト機能を作成しようとしています。どんな助けでも素晴らしいでしょう。

行のハイライトを作成するために境界線の CSS を変更する JavaSCRIPT は次のとおりです。

/**
 * Initializes the right click action for this row.
 * @param person - The person associated to this row.
 */ 
this.initializeRightClick = function(personId, encounterId) {
    var row = $(PersonTable.table.children()[0].rows[this.index]);
    var index = this.index;
    row.mousedown(function(event) {
        switch (event.button) {
            case 2:
                clearPersonTableHighlights();
                var thisRow = $(PersonTable.table.children()[0].rows[index]);
                thisRow.children().css("border-bottom", "1px solid #3380EF");
                var previousRow = PersonTable.table.children()[0].rows[index - 1];
                if(index > 0) {
                    $(previousRow).children().css("border-bottom", "1px solid #3380EF");
                }
                else {
                    thisRow.children().css("border-top", "1px solid #3380EF");
                }
                thisRow.css("background-color", "#E6EEF7");
                RightClickMenu.display(event, personId, encounterId);
                event.stopPropagation();
                break;
        }
    });
}

影響を受ける CSS は次のとおりです。

1 つの行のすべての子の css を変更しようとします。9 つの子があります。

.person-table-location{width:100px; border: 1px solid white; border-right:1px solid #DCDCDC; border-bottom:1px solid #FFFFFF; position:relative;}
.person-table-person{border:1px solid white; border-right:1px solid #DCDCDC; border-bottom:1px solid #FFFFFF; position:relative;}

最初のスクリーン ショットは、最後の行を除くすべての行の IE8 です。2 番目のスクリーン ショットは最後の行です。3 番目のスクリーン ショットは IE7 モードです。

どんな助けでも素晴らしいでしょう