给超链接A添加按钮样式

在进行界面设计过程中，需要给超链接A添加按钮样式，原本以为是利用height和width分别控制高度和宽度，然后利用background来设置背景图片就可以了。没想到在实际测试过程中，根本不行。于是就只好利用padding方法进行微调，最终得到理想效果，css代码如下:

.Pager
{
margin:10px;
text-align:right;
font-weight:bold;
}
.Pager a
{
color:Red;
padding-top:5px;
padding-bottom:9px;
padding-left:20px;
padding-right:20px;
background:url(images/loginButton.gif) no-repeat;

}
.Pager a:hover
{
color:Blue;
text-decoration:none;
}
.Pager a:visited
{
text-decoration:none;
font-size:12px;
color:Red;
}
最终得到的效果如下：



参照一楼给的建议，我修改代码如下：

.Pager a
{
color:Red;
<%-- padding-top:5px;
padding-bottom:9px;
padding-left:20px;
padding-right:20px;--%>
width:77px;
height:27px;
display:block;
text-align:center;
line-height:27px;
float:left;
background:url(images/loginButton.gif) no-repeat;

}

谢谢@倾斜的水瓶座提醒。

pS：博客园编辑好垃圾，这篇文章编写过程中，浏览器死了两次，晕啊 。。。。。不是一般的不给力。