Что-то не так, или проблемы с анализом на идентичность?[23]

Имею такой вот код:
HTML

[details=HTML]`

Испытание: итоговая таблица

Итоговая таблица

Город Посещений %
СПб 199 65.12
Москва 69 21.3
Киев 5 8
Посещений за весь период 273
`[/details] [details=CSS]`body { width: 350px; margin: 0; padding: 0 10px; font-size: 14px; font-family: Arial, sans-serif; }

table{
border-collapse: collapse;
}

th{
border-top: 1px solid black;
border-bottom: 1px solid black;
width: 33%;
padding: 10px;
color: white;
}

td{
padding: 10px;
border-bottom: 1px solid lightgray;
}

.th-background1{
background-color: darkcyan;
}
.th-background2{
background-color: lightblue;
}

.txt-align1{
text-align: center;
}

.txt-align2{
text-align: left;
}
.txt-align3{
text-align: right;
}
`[/details]

При это иммею 98% процентов сходства(разница в несколько пикселей). При наложении отклонений нет, вроде. Что-то подскажете?

Фото


Вы желтым цветом ячейку не докрасили. В первом случае цвет добавляли для tr, а во втором - только для первой ячейки.
А делали бы через классы, возможно, проблем бы не было. CSS-свойства в разметке - плохая практика.

Спасибо! Не заметил на белом полотне такой светлый цвет(невнимательность). А на счёт классов - я знаю, просто эксперементируй что бы попробывать все возможности.