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

Здравствуйте.
Застрял на 98%… В чем моя ошибка?
Различия:
11

HTML:

<head>
    <meta charset="utf-8">
    <title>Испытание: итоговая таблица</title>
</head>
<body>
    <h1>Итоговая таблица</h1>
    <table>
        <tr>
            <th class="cell-0">Город</th>
            <th class="cell-1">Посещений</th>
            <th class="cell-2">%</th>
        </tr>
        <tr>
            <td>СПб</td>
            <td class="cell-3">199</td>
            <td class="cell-4">65.12</td>
        </tr>    
        <tr>
            <td class="cell-5">Москва</td>
            <td class="cell-6">69</td>
            <td class="cell-7">21.3</td>
        </tr>
        <tr>
            <td>Киев</td>
            <td class="cell-8">5</td>
            <td class="cell-9">8</td>
        </tr>
        <tr>
            <td colspan="2" class="cell-10">Посещений за весь период</td>
            <td class="cell-11">273</td>
        </tr>
    </table>    
</body>

CSS:

body {
width: 350px;
margin: 0;
padding: 0 10px;
font-size: 14px;
font-family: Arial, sans-serif;
}

table {
border-collapse: collapse;
}

th {
border-bottom: 1px solid black;
border-top: 1px solid black;
padding: 10px;
}

td {
border-bottom: 1px solid lightgrey;
border-top: 1px solid lightgray;
padding: 10px;
width: 100px;
}

.cell-0 {
background-color: darkcyan;
color: white;
text-align: left;
}

.cell-1 {
background-color: lightblue;
color: white;
text-align: center;
}

.cell-2 {
background-color: darkcyan;
color: white;
text-align: right;
}

.cell-3 {
text-align: center;
}

.cell-4 {
text-align: right;
}

.cell-5 {
background-color: lightyellow;
}

.cell-6 {
text-align: center;
background-color: lightyellow;
}

.cell-7 {
text-align: right;
background-color: lightyellow;
}

.cell-8 {
text-align: center;
}

.cell-9 {
text-align: right;
}

.cell-10 {
background-color: lightyellow;
}

.cell-11 {
text-align: right;
background-color: lightyellow;
}

Попробуйте заменить здесь ширину на 33%.

Спасибо, все получилось!
Понял свою ошибку.