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

想知道是否有人可以帮助解决IE8问题，我到处寻找，尝试了许多不同的方法。与我测试过的所有其他浏览器相比，在客户端的WordPress站点上，输入文本框看起来比它应该的小得多，并且位于页面的一侧

您可以在以下位置查看IE8（Windows 7）上页面的外观：

如果你将其与现代浏览器中的页面进行比较，你会看到右上角的搜索框和过滤器下拉菜单的宽度和位置都乱七八糟

我在IE8问题上有点不在行，但我尝试过改变css，用modern.js、html5 shiv、Modernizer等各种东西修补它，但没有任何区别

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

试试这个

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

---

非常感谢您回答@Jenti。我尝试了你的建议，但似乎没有效果，尽管因为它现在是实时的，我在IE8虚拟机版本的开发人员工具中尝试了它，所以人们永远无法确定；）

然而，我找到了一个解决方案，我添加了以下内容：

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

似乎就是这样。再次感谢并感谢您