如何保证各浏览器下 <input><button><a> 定义的按钮尺寸一样？

Question

如题，定义了下列表单按钮：
Button
AButton
样式：
.btn{
font:14px/21pxArial;
border:1pxsolid#DDD;
padding:5px10px;
background:#FFF;
color:blue;
text-decoration:none;
}
a{
display:inline-block;
}
http://jsfiddle.net/nCndX/
运行的时候，chrome下按钮的大小一样了，但是Firefox和IE下尺寸又不一样了，有没有好的解决方法?