html - 输入元素的布局在 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;
}