Испытание 2.

Не принимает 100%. На картинках показано что не так, код прилагаю.
Подскажите это глюк или я что-то сделал не верно?

Html


<!DOCTYPE html>
<html>
    <head>
       <title>2 испытание: медальный зачет</title>
       <meta charset="utf-8">
    </head>
    <body>
        <h1>Медальный зачет</h1>
        <table>
        <tr>
            <td colspan="3"></td>
            <td><img class="even" src="/assets/ifmo/medal-gold.png"></td>
            <td><img class="even"src="/assets/ifmo/medal-silver.png"></td>
            <td><img src="/assets/ifmo/medal-bronze.png"></td>
            <td><img src="/assets/ifmo/medal-total.png"></td>
        </tr>
        <tr class="odd">
            <td>1</td><td><img src="/assets/ifmo/germany.png"></td>
            <td>Германия</td><td>7</td><td>3</td><td>2</td><td>12</td>
        </tr>
        <tr class="odd">
            <td>2</td><td><img src="/assets/ifmo/nederlands.png"></td>
            <td>Нидерланды</td><td>5</td><td>5</td><td>7</td><td>17</td>
        </tr>
        <tr class="odd">
        <td>3</td><td><img src="/assets/ifmo/norway.png"></td>	
        <td>Норвегия</td><td>5</td><td>3</td><td>6</td><td>14</td>
        </tr>
        <tr class="odd">
            <td>4</td><td><img src="/assets/ifmo/switzerland.png">
            <td>Швейцария</td><td>5</td><td>1</td><td>1</td><td>7</td>
        </tr>
        <tr class="odd">
            <td>5</td><td><img src="/assets/ifmo/russia.png"></td>
            <td>Россия</td><td>4</td><td>7</td><td>5</td><td>16</td>
        </tr>
        </table>

        <!--
        Адреса картинок:
        /assets/ifmo/medal-gold.png
        /assets/ifmo/medal-silver.png
        /assets/ifmo/medal-bronze.png
        /assets/ifmo/medal-total.png
        /assets/ifmo/germany.png
        /assets/ifmo/nederlands.png
        /assets/ifmo/norway.png
        /assets/ifmo/switzerland.png
        /assets/ifmo/russia.png
        -->
    </body>
</html>

CSS

html, body{
    margin:0;
    padding:0;
}
body{
    width:450px;
    font-family:"Arial", sans-serif;
    font-size:16px;
}
h1{
    padding:0 20px;
    margin:0;
    margin-top:20px;
    font-size:18px;
    font-weight:normal;
}
table{
    border-collapse:collapse;
}
/* 
    Все внутренние отступы кратны 5
    Серый цвет фона: #eeeeee
    Серый цвет цифр: #999999
*/
td, img{

    padding:5px;
}
.odd td:nth-child(3){
    padding: 10px;
}
.odd td:nth-child(2){
        padding: 5px;
}
tr:nth-child(2n){
    background-color: #eeeeee;
}
table tr td:first-child{
    font-style: italic;
    color: #999999;
    padding: 10px 10px 10px 20px;
}
td:nth-child(n+4){
    padding: 5px 25px 5px 30px;
}
td:last-child{
    font-weight:bold;
    padding: 5px
}
.even{
    padding: 5px 0px 5px 25px

100% будет при полном визуальном соотвествии. Загляните во вкладки «Различия» и «Наложение».

html-код не видно. А вообще по картинке видно, что проблема с последним столбцом. Сделайте выравнивание текста для него по правому краю.

2 столбца где золото и серебро, их нужно немного вправо подвинуть