为什么我的Google CSE表单的格式如此糟糕？

Question

我在http://afv.com上使用了Google CSE，结果页面对于Firefox和Safari来说非常糟糕。这就是我所看到的：

Chrome（看起来很完美）：

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

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

我已经使用Google给我的样式表，试图覆盖一些样式并标准化输出，但我不明白为什么它在浏览器中如此奇怪。有什么想法吗？我知道使用一个CSE是一个黑客攻击，我不得不把它插入我的布局，但这些图片显示一些不正确的布局（或在Safari的情况下，疯狂不正确），超出只是次要的格式问题。

Answer 1

这可能是因为你自己的一些css正在影响搜索按钮（例如像bootstrap或css reset这样的库）。如果您尝试搜索按钮而没有任何其他样式 - 例如这一个：

enter code here http://jsfiddle.net/buQL3/1/show_html/

它应该正确呈现（在OS X 10.8.5最新的Chrome，Firefox 24和Safari 6.0.5中为我呈现好。）