图像下方出现意外空间

Question

在"Meet the team" section of my page我有一张浮动图像列表。出于某种原因，每个人都有一个空间。那是为什么？

HTML：

<div class='team_grid_item'>
    <div class='team_grid_item_inner'>
        <div class='team_grid_item_image'>
            <img src='<?php bloginfo("template_url"); ?>/images/id.jpg' />
        </div>
    </div>
</div>
<div class='team_grid_item'>
    <div class='team_grid_item_inner'>
        <div class='team_grid_item_image'>
            <img src='<?php bloginfo("template_url"); ?>/images/id.jpg' />
        </div>
    </div>
</div>
...

CSS：

.team_grid_item {
    width: 20%;
    float: left;    
}
img, video, object {
    height: auto !important;
    max-width: 100% !important;
    width: auto;
}