锚点中的<img/>在Firefox中无法正常显示

Question

我正在手机，平板电脑和跨浏览器上测试我的网站。我注意到我的锚标签内的图像显示不正确。这只发生在FireFox上。有人有这个问题吗？我附上两张图片......第一张是铬色，第二张是FireFox。

html是：

<a href="" class="btn body-button">Learn More<img src="/sites/all/themes/merge/img/arrow.png" /></a>

SCSS：

.body-button{ width: auto;display: block; @include open-bold; font-size: 14px; line-height: 14px; border-radius: 0px; opacity: .9; text-transform:uppercase; color:white; background: $blue; padding: 15px;}

.body-button img{ float: right; width: 9px; height: 15px;display: inline-block; }

有谁知道为什么Firefox会这样做？