Css 跨浏览器按钮填充问题

真的很简单，但非常恼人的问题-我有一个表单文本框，它有一个按钮，沿着它的侧面水平放置，所以它们都应该对齐。我添加了两个像素的顶部和底部填充，但我不能让它跨浏览器工作-特别是internet explorer似乎出于某种原因使填充加倍

有人能提供一些建议，如何在大多数主流浏览器中获得完全相同大小的按钮吗

这是我用于按钮的css

.button {
color: #44444a;
cursor: pointer;
font-weight: bold;
overflow: visible;
padding: 0.1em 1em;
width: auto;
border: solid 1px #44444a;
}

---

根据您提供的非常有限的信息，我可以提供的最佳建议是：

1-确保已声明您的

doctype

2-执行CSS重置。比如：

*{
  margin:0;
  padding:0;
}

谷歌搜索“CSS重置”通常会发现一些有用的东西

3-了解你的盒子型号

---

如果您可以向我们提供更多信息（HTML和CSS代码）或指向违规页面的链接，这将非常有用。

请提供您的一些代码（HTML和CSS）。这不是一个有趣的情况-最好是最全面的证明选项-使用图像/精灵。