Строим таблицу на CSS 10/18.

Здравствуйте.
90%, не могу понять, в чём ошибка. Помогите, пожалуйста.
/* Используемые цвета:

#777777
#ffffff
#fffebc
#b2fdd0
#ffbaba

*/

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

.formula p {
margin: 0;
padding: 10px;
font-size: 20px;
display: table-caption;
caption-side: bottom;
text-align: center;
}

.column {
display: column;
}

li {
display: table-cell;
border: 1px solid #777777;
text-align: center;
vertical-align: middle;
padding: 5px;
}

ul {
display: table-row;
}

header {
display: table-header-group;
}

header ul {
height: 30px;
text-align:center;
background: #ffffff;
}

.content {
display: table-row-group;
}

.content-important {
background: #fffebc;
}

.column-group {
display: table-column-group;
background: #b2fdd0;
}

.formula .column {
display: table-column;
}

.formula .column-last {
background:#ffbaba;
}

Уберите height: 30px в .header ul

Спасибо!