网站上的菜单未正确对齐

Question

如果我说实话，我觉得在这里问这个问题有点愚蠢，因为答案很可能很简单，但我目前正在努力寻找解决方案。

我有两个网页使用相同的代码和相同的style.css文件，但使用不同的标签，允许我改变菜单的颜色，页面上的标题等。

以下一项正常运作

http://www.dtlsports.co.uk/poolIndex.php

然而，就此而言，菜单已失去颜色并向下移动不正确。

http://www.dtlsports.co.uk/squashIndex.php

任何人都可以发现两者之间的差异会使一个工作而另一个不工作吗？我假设你能够自己检查页面上所有必要的东西，但如果不是让我知道，我会把它全部放在这里。

提前致谢!!

Answer 1

看起来第二个缺少显示：block;

http://puu.sh/5arNI.jpg

Answer 2

你需要添加display：block

  navQ {
        background: -moz-linear-gradient(center top , #FFCC00, #FFCC00) repeat scroll 0 0 #FF0000;
        border: 1px solid #FFCC00;
        border-radius: 0.5em 0.5em 0.5em 0.5em;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
        color: #FFCC00;
        display: block;
        height: 44px;
        margin: -37px auto 0;
        min-width: 800px;
    }

您缺少以下CSS样式

article, aside, figure, footer, header, hgroup, nav, navP, section {
    display: block;
}