html超链接自动定位,HTML + CSS - 使用超链接对图像进行定位

所以我有两个带有超链接的图像，当我尝试将它们居中时，它们的行为很有趣，所以我认为它可能是元素的尺寸被扭曲了？不知何故？所以我添加边框的元素四周，果然，他们的尺寸是这样的：HTML + CSS - 使用超链接对图像进行定位

HTML：

src="Images/Invite Button.png">

src="Images/Wiki Button.png">

CSS：

#home-invite-button {

position: absolute;

top: 540px;

left: 0px;

right: 0px;

margin: 0px auto;

width: 50%;

border: thin black solid;

}

#home-wiki-button {

position: absolute;

top: 630px;

left: 0px;

right: 0px;

margin: 0px auto;

width: 50%;

border: thin black solid;

}

所以问题是，我怎样才能使元素的实际大小与实际图像相同？非常感谢！