CSS Table-Row Backcolor vs Table Backcolor

Question

Mam problem z CSS. I tabela z tagów div. Problem: Za .table-cell jest .table-row, to dlatego myślę, że kolor tła dla .table-cell jest żółty, a następny szary.

Ale kiedy stosuję border-top-left-promień do .table-cell, niebieski przechodzi przez narożnik, a nie szary. As you can see here. Używam przeglądarki Google Chrome 43.0 w systemie 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> 

Kod CSS wyglądają tak:

.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

Czy próbowałeś odświeżyć pamięć podręczną przeglądarki? Nie mogę odtworzyć problem, ponieważ mam to w Firefoksie 38 na Mac OSX 10.9.5:

Answer 2

zmiana koloru tła .table

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