CSS Grow on hover会在图片底部添加填充，如何阻止这种情况发生？

Question

http://jsfiddle.net/gvBM8/

每当您滚动图像并且它增长到所需效果时，就会有一个沿着底部生长的白色边框。反正有没有阻止这种情况发生？

另外，我是新手在多个浏览器中使用CSS3，我如何将其设置为moz / IE兼容？

谢谢

HTML

<div class="col4 grow"> <a href="#"><img src="http://www.placecage.com/200/300" width="100%"></a>

Answer 1

应用img此css属性：

img {
    display: block;
}

不是为标记添加，而是向这些img元素添加一个类。那会更好。

Working Fiddle