使用IE8模式时，我动态生成的HTML页面CSS会混乱

Question

我通过Javascript动态创建了HTML页面。该页面在IE7模式下运行完美，但在IE8模式下使用相同的CSS时，它不会显示任何边框，我正在尝试创建一个在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是：

它试图改变一行所有孩子的css，有九个孩子：

.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。 第二个屏幕截图是最后一行 第三个屏幕截图是IE7模式，这就是我想要的。

任何帮助都会很棒