91% и ничего не могу поделать!!!

По высоте, начиная от нижней границы первой строки начинается отличие от образца, которое увеличивается до конца картинки и которое не понимаю как исправить!!!

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

ul {
display: table-row;
}
article ul:first-child {
background-image: url(“img/wall-1.png”);
}
article ul:last-child {
background-image: url(“img/wall-2.png”);
}
li {
display: table-cell;
border: 10px solid #686868;
height: 95px;
}
ul li:first-child {
text-align: center;
vertical-align: middle;
width: 110px;
}
ul li:nth-child(2) {
text-align: center;
vertical-align: middle;
width: 90px;
}
ul li:last-child {
text-align: center;
vertical-align: middle;
}

Уберите height: 95px; в li, задайте ему паддинги. И на основе паддингов пересчитайте width в li:first-child и li:nth-child(2);

Спасибо))) Получилось