输入元素的布局在IE8中被压缩

Question

想知道是否有人可以帮助解决IE8问题，我已经搜索过高低，并尝试了很多不同的东西。在客户端的WordPress网站上，与我测试过的所有其他浏览器相比，输入文本框显示的内容比应该小得多，并且偏离页面的一侧。

您可以在此处看到IE8（在Windows 7上）页面的外观： http://perfectitaliano3.fonterra.safecom.com.au/wp-content/uploads/grab2.jpg

如果您将其与现代浏览器中的页面http://perfectitaliano3.fonterra.safecom.com.au/recipe/potato-rosemary-and-speck-pizza/进行比较，您会看到右上角的搜索框和过滤器下拉菜单的宽度和位置都已混乱。

我在IE8问题上找到了一个菜鸟，但是我尝试改变css，用modern.js，html5 shiv，modernizr，各种各样的东西修补它，但没有任何区别！

如果您有任何建议，请告诉我，谢谢。

Answer 1

试试这个

#top #s{
  height: 40px;
  padding: 0px 47px 0px 5px;
}

Answer 2

非常感谢回答@Jenti。我尝试了你的建议，但它似乎没有用，虽然因为现在我在IE8的虚拟机版本的开发者工具中尝试过，所以人们永远无法确定;）

但是我已经找到了解决方案，我添加了以下内容：

#searchform > div {
    width: 500px;
}
#s {
    display: table-cell !important;
}

似乎这样做了。再次感谢并欣赏它。