css - CSS中的神秘底部填充

Question

请看这里，在帖子的最后，来自 gravatar.com 的 70px 作者图片有一个神秘的底部填充，使得底部填充比顶部、左侧和右侧的要宽得多。

我查看了所有 3 个浏览器，FF11、Chrome 和 IE9，它们都出现了同样的问题。我找不到 Firebug 的罪魁祸首。额外的填充不是任何填充或边距！

任何的想法？

Answer 1

尝试将 a 设置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/