Последнее испытание - проверка показывает разные результаты

Курсы §29. Таблицы на CSS
1

Здравствуйте!
Может я что-то не так сделал, но окно минибраузера и радел “Реультат” показывают разные вещи: (расстояние между первым и вторым рядами)

ha.png1206×788 213 KB

Соответственно пройти испытание пока не могу. Chrome 49.0.2623.110 m

UPD Докопал, но факт остается фактом)

/* Небольшая подсказка, дальше сами */
article {
    display: table;
    margin: 10px;
    width: 470px;
    border-collapse: separate;
    border-spacing: 15px 15px;
    border: 5px solid #686868;
    background-image: url(img/wood.png);
}

article ul {
    display: table-row;
}

article ul li {
    display: table-cell;
    padding: 20px;
    border: 10px solid #686868;
    text-align: center;
}

article ul:first-child {
    /*display: table-row-group;*/ /*убрав эти параметры все засчитало*/
    background-image: url(img/wall-1.png);
}

article ul:last-child {
    /*display: table-row-group;*/ /*убрав эти параметры все засчитало*/
    background-image: url(img/wall-2.png);
}

article ul li:first-child {
    width: 70px;
}

article ul li:nth-child(2) {
    width: 35px;
}
2

В Firefox то же самое. С заданным свойством display: table-row-group; отступ между двумя рядами удваивается. Почему, сказать сложно, ведь в консоли этого не видно. Единственное, что видно, при задании display: table-row-group записанное чуть выше для ul display: table-row; перестает действовать.