CSS中的神秘底部填充

Question

请参阅here，在帖子的最后，来自gravatar.com的70px作者图片有一个神秘的底部填充，使底部填充比顶部，左侧和右侧更宽。

我看了所有3个浏览器，FF11，Chrome和IE9，所有人都提出了同样的问题。我找不到Firebug的罪魁祸首。额外的填充没有填充也没有任何边距！

有什么想法吗？

Answer 1

尝试将height设置为Gravatar包装div - http://jsfiddle.net/AMf5N/1/

#post-author .profile-image {
    background: none repeat scroll 0 0 #F6F6F6;
    border: 2px solid #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    float: left;
    height: 70px; /* add this */
    margin: 0 15px 5px 0;
    padding: 5px;
}

或float图片 - http://jsfiddle.net/AMf5N/