IE7/8中的邊距和填充問題

Question

我有一個使用表單/選擇元素的浮點混合的搜索框。

搜索在firefox，chrome，safari等中渲染得很好，但是IE8忽略了邊距和填充規則（兩者都嘗試過）。

在這裏看到：http://property.begbies-traynor.com

有問題的部分是立即滑塊，搜索區域下方。

例如，當用chrome查看時，搜索提交按鈕正好坐在主容器的內部，而IE則正好對着一側。

類似地，儘管存在足夠的保證金規則來將它們彼此分開，但Select元素仍處於彼此之上。

對此的任何幫助表示讚賞。

Answer 1

它也沒有在任何其他瀏覽器工作不使用的Webkit引擎（我在Opera和Firefox測試過），因爲你只包括Webkit的的padding-和保證金的樣式：

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* … */ 
} 

如果你想看到你的CSS屬性在任何瀏覽器中工作，你應該爲任何瀏覽器定義它們。