在IE7中，CSS样式的搜索表单输入字段看起来很糟糕

Question

以下是我的网站开发的截图：

Screenshot http://img12.imageshack.us/img12/2668/searchin.jpg

代码：http://jsfiddle.net/pwDXj/5/

输入字段周围的div用于niftycube，因此角是圆角的。我无法找到，为什么IE显示带有这么多左边距的输入字段，任何人都有了想法？

提前致谢。

Answer 1

违规代码似乎是left-margin上50px的{​​{1}}。 IE7不会像其他浏览器那样呈现它。在他们从包含元素的左边计算边距的情况下，IE7从浮动到左边的东西的右侧计算它。

我建议将#suche #bginput浮动到右侧而不设置#suche #bginput。

Answer 2

这不是一个完整的答案，但它可能会让你指出正确的方向。 你可能需要为IE7设置一些特殊的CSS。 您可以使用conditional comments。

Answer 3

替换此css

suche

{     宽度：220px;     身高：30px;     位置：绝对;     右：0px;     底部：0px;     background-color：＃cbddf1; }  #suche表格 {     保证金：0px;     填充：5px 0px 0px 10px; }  #suche标签 {       颜色：＃003399;     向左飘浮;     font-size：0.85em;     line-height：24px;     padding-right：10px; }  #suche #bginput {      background-color：＃EFF5FC;     向左飘浮;     身高：18px;     填充：2px;     宽度：150px; }  #suche输入 {     保证金：0px;     边框：0像素;     颜色：＃003399;     font-size：0.7em;     宽度：140px;     background-color：＃eff5fc;     }