Question

我使用Sterling主题构建了Wordpress website，我遇到的问题是在Internet Explorer中垂直显示菜单而不是水平显示。我在here之前询问了它，最后关注的是那些没有解决问题的jquery错误。

Here's a screenshot它是如何出现在IE9上的。

从那时起，我尝试更改doctype以强制网站正常显示，但我现在意识到所有正在运行的计算机都将IE9永久设置为兼容模式，并且更改这意味着要通过IT部门。

我不能确切地告诉我的公司网站在您的计算机上看起来有问题，但在其他任何地方都是如此，我确实希望避免使用旧版IE的人的错误，因为目标市场不是精通技术的人，所以任何人都可以提供有关如何让我的菜单在怪癖/兼容模式下正常工作的建议？

我不在乎网站的其他方面是不是很完美，但它几乎无法使用这样的菜单。我基本上只需要它水平显示而不是垂直显示，我假设它与CSS有关。

编辑：添加了我的CSS

样式表中的原始代码是

nav > ul > li {
display:inline-block;
position:relative;
}

nav > ul > li+li {
margin-left:28px;
}

然后我在主题的网站选项部分稍微定制了它（基本上意味着当我更新主题时我的更改不会被覆盖）并且我的自定义是：

nav > ul > li+li {
font-size:14px;
margin-left:10px 
}

我认为它与display有关：inline-block;但我尝试过的任何东西似乎都没有使菜单水平。

Answer 1

您使用了哪些css属性？你应该做点什么

#menu li {
    display: block;
    float: left;
    width: 200px;
    height: 40px;
}

#menu {
    overflow: hidden;
}