HTML/CSS-刷新Div对齐？

我正在尝试创建一个设计，其中我有一个图像的div，然后下面的上一个/下一个按钮与图像/div齐平。我有一些问题，因为两者之间总是有一点空间

红色是我想要消除的，我只是找不到它的来源。它目前是红色的，因为我指定了一个背景色来干燥，以找到创建/挤压此空间的原因

这是我的HTML：

<div class="picture">

        <a href="/galleries/6">
         <img alt="Preview_firefox_wallpaper" src="/uploads/unlocked_image/file/6/preview_Firefox_wallpaper.png?1311526840" />

</a>        
        <div class="pagination"><span class="previous_page disabled">&#8592; Previous</span> <a class="next_page" rel="next" href="/galleries?page=2">Next &#8594;</a></div>        
    </div>

添加以下内容：

.picture img{
     display:block;
}

---

这是内联图像导致的已知错误。请参见。

或者，您可以尝试图像的不同垂直对齐值。正如我所记得的，我获得了一个很好的结果，将内联图像垂直移动到底部。

Bug？更像是。

.picture img{
     display:block;
}