CSS Table-Row Backcolor vs Table Backcolor

Question

У меня проблема с CSS. Табличка из тегов div. Проблема заключается в следующем: За .table-cell .table-row, вот почему я думаю, что фоновый цвет для .table-cell желтый, а затем серый.

Но когда я применяю границу верхнего левого края к .table-клетке, синий проходит через угол, а не серый. As you can see here. Я использую Google Chrome 43.0 для Windows 8.1.

<div class="table"> 
    <div class="table-row"> 
    <div class="table-cell">Row 1 - Cell 1</div> 
    <div class="table-cell">Row 1 - Cell 2</div> 
    <div class="table-cell">Row 1 - Cell 3</div> 
    <div class="table-cell">Row 1 - Cell 4</div> 
    </div> 
    <div class="table-row"> 
    <div class="table-cell">Row 2 - Cell 1</div> 
    <div class="table-cell">Row 2 - Cell 2</div> 
    <div class="table-cell">Row 2 - Cell 3</div> 
    <div class="table-cell">Row 2 - Cell 4</div> 
    </div> 
</div> 

CSS-код выглядеть следующим образом:

.table { 
    display:table; 
    background-color:blue; 
} 

.table-row { 
    display:table-row; 
    background-color:gray; 

} 

.table-cell { 
    display:table-cell; 
    background-color: yellow; 
    border-top-left-radius: 10px; 
} 

Answer 1

Вы пробовали освежающие кэш браузера? Я не могу воспроизвести проблему, так как я получаю это в Firefox 38 на Mac OSX 10.9.5:

Answer 2

изменение цвета фона .table

.table { 
    display:table; 
    background-color:grey; 
}