Html CSS3中的搜索框大小不正确

我正试图根据本网站的代码制作一个漂亮的CSS3搜索框：

除了实际的搜索框（在Safari和Chrome中都是这样）外，该站点的图片中的所有内容都与此类似：

让搜索框看起来像应该的样子有什么帮助吗

更新：这是代码（您也可以通过上面的链接获得）：

---

盒子大小是您的朋友：

.font-wrapper input {
  ...
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

---

我们需要您的代码：）而不仅仅是它的图片！将代码转储到JSFIDLE中，并将其粘贴到上面，以便我们可以查看和编辑它。另外，您是否查看了所有/其他浏览器？您正在使用CSS重置吗？看起来CSS中存在填充问题。所有代码都位于顶部提供的链接中。无论如何，我会把它添加到这篇文章中。

.font-wrapper input {
  ...
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}