Испытание: строим таблицу на CSS

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

Не понимаю, почему, когда я прописываю display: table-header-group; для header, то он не поднимается на самый верх?

/* Используемые цвета:

#777777
#ffffff
#fffebc
#b2fdd0
#ffbaba

*/

.formula {
    margin: 10px;
    width: 500px;
    border-collapse: collapse;
}

.formula p {
    margin: 0;
    padding: 10px;
    font-size: 20px;
}

header {
    display: table-header-group;
}

header ul {
    display: table-row;
}

header ul li {
    display: table-cell;
}

.content ul  {
    display: table-row;
}

.content ul li {
    display: table-cell;
}

А в этом курсе http://htmlacademy.ru/courses/86/run/4 он поднимается. Какое-то противоречие.

2

Забыли display: table; для .formula.

2 лайка