Отображение изображения с графика в фейсбуке отображается сверху. Зачем?

Question

Почему, когда я устанавливаю изображение src из facebook изображения, изображение сверху полей (сверху есть пробел)?

вот код HTML для img

 $('.raters-div').append("<div class='rater-img'><div class='rate-value'>"+value+
   "</div><img src='https://graph.facebook.com/"+user+"/picture' class='img123' /></div>");

css style

.rater-img{
    float: right;
    background-color: red;
    margin-right: 1px;
    height: 30px;
    width: 30px;
    padding: 0px;
    margin-top: 3px;
}
.img123{
    margin: 0px;
    padding: 0px;
    width:30px;
    vertical-align: top;
}
.rate-value{
    top: 17px;
    right: 16px;
    position: relative;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    padding: 1px;
    text-align: center;
    height: 11px;
    width: 11px;
    z-index: 500;
    background-color: #000;
}

Answer 1

Может быть, потому что вы используете vertical-align: top и ваше изображение по умолчанию display: inline?Удалите эту строку или установите vertical-align: middle, чтобы центрировать ее по вертикали.

Пробел может быть из-за того, что .rate-value имеет padding: 1px;