CSS中神秘的底部填充

请看，在文章的末尾，gravatar.com上的70px作者图片有一个神秘的底部填充，使得底部填充比顶部、左侧和右侧填充宽很多

我查看了所有3种浏览器，FF11、Chrome和IE9，它们都出现了相同的问题。我找不到有萤火虫的罪犯。额外的填充既不是填充，也不是任何内容的边距

---

有什么想法吗？

试着给Gravatar wrapper

div设置一个
高度
-

或者
float
图像-
虽然这样做有效，但与其说它是一种解决方案，不如说它是一种黑客手段。例如，如果图像高度要更改，则父对象不会相应地更改。@joshnh您是否看到答案的第二部分带有
浮点数
？它可以在任何大小的图像上工作。所以OP可以选择他最需要的套房，我选了。不过，最好还是解决实际问题，而不是将图像从文档流中删除作为一种解决方法。这两个选项都有效，但它们都不能解决实际问题，而且都有可能导致其他问题。@joshnh通常整个web开发都是为了让网站在所有浏览器中都能正常工作。你写的任何一行代码都有可能导致其他问题：）因此，如果你有更好的解决方案，那么请分享它——我非常乐于接受新东西，并且已经在这方面学到了很多东西。人们有时对琐碎的问题有非常巧妙的解决方案。这都要感谢@ZoltanToth！我已经嘎吱嘎吱嘎吱嘎吱嘎吱嘎吱嘎吱嘎吱嘎吱嘎吱嘎吱嘎吱嘎吱嘎吱嘎吱嘎吱嘎吱嘎吱嘎吱嘎吱嘎吱嘎吱嘎吱嘎吱嘎吱嘎吱嘎吱嘎吱嘎吱嘎吱嘎吱嘎吱嘎吱嘎吱嘎吱嘎吱嘎吱吱
#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;
}