CSS - 图像显示不正确

Question

这是问题所在。我有一个底部绝对位置的页脚：

  .footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: black;
  text-align: center;
  font-family: Lato; 
}

从这里开始，我将图像添加为.footerimage：

.footerfacebook{
    position: absolute;
    bottom: -3.54%;
    left: 3%;
    padding: 2rem;
    width: 60px;
    height: 60px;
}

以下是图片的html代码：

<a href="https://facebook.com/aaster23" target="_blank"><img class="footerfacebook" src="http://pngimg.com/uploads/facebook_logos/facebook_logos_PNG19754.png"></a>

问题是图像宽度不是90像素，高度是70像素，这里是实际的宽度和高度：124：124

问题在于它将页脚向上移动并且其下方有空间。 谢谢你的帮助:)！