Mysterious CSS bottom pad

Question

Please see here , at the end of the post, the 70px image from gravatar.com has a mysterious bottom pad, which makes the bottom pad much wider than the top, left, and right.

I looked at all 3 browsers, FF11, Chrome, and IE9, and they all pose the same problem. I could not find the culprit with Firebug. The add-on is not a complement and has no edge!

Any idea?

Answer 1

Try setting height to wrapper 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; } 

or float image - http://jsfiddle.net/AMf5N/