Css 为什么我的谷歌CSE表单在跨浏览器中的格式如此糟糕？

我在上使用谷歌CSE，Firefox和Safari的结果页面非常不稳定。我看到的是：

铬合金（外观完美）：

Firefox（放大镜消失在蓝色按钮中，文本从输入字段底部掉落）：

Safari（输入字段太宽，将蓝色按钮发送到页面边缘）：

---

我已经尝试过谷歌给我的样式表，试图覆盖一些样式并标准化输出，但我不明白为什么它在浏览器中如此怪异。有什么想法吗？我知道使用CSE有点麻烦，我不得不把它塞进我的布局中，但是这些图片显示了一些不正确的布局（或者在Safari的情况下，非常不正确），不仅仅是一些小的格式问题。

这可能是因为您自己的一些css影响了搜索按钮（例如，像引导或css重置这样的库）。如果您尝试在没有任何其他样式的情况下搜索按钮-例如，此按钮：

在此处输入代码

它应该能够正确渲染（在最新的Chrome操作系统X 10.8.5、Firefox 24和Safari 6.0.5中对我来说渲染得很好）