爲什麼我的Google CSE表格的格式很差，跨瀏覽器？

Question

我在http://afv.com上使用Google CSE，結果頁面對於Firefox和Safari來說太神祕了。這是我看到：

鉻（看起來很完美）：

火狐（放大鏡藍色按鈕不見了，文字脫落輸入欄的底部）：

Safari（輸入字段太寬，發送藍色對接在頁面的截止邊緣）：

我和樣式表谷歌給出我身邊打亂，要儘量覆蓋一些風格和規範的輸出，但我不明白爲什麼它是如此奇怪的瀏覽器。有什麼想法嗎？我知道使用CSE有點破解，而且我不得不把它放到我的佈局中，但這些圖片顯示了一些不正確的佈局（或者在Safari中，瘋狂地不正確），不僅僅是小的格式問題。

Answer 1

這可能是因爲你自己的一些CSS影響搜索按鈕（例如像引導程序或CSS重置庫）。如果您嘗試使用沒有任何其他樣式的搜索按鈕 - 例如這一個：

enter code herehttp://jsfiddle.net/buQL3/1/show_html/

應該正確渲染（渲染很適合我在OS X 10.8.5最新的Chrome，火狐24和Safari 6.0.5）。