CSS 导航在不同浏览器中的变化

Question

我的导航有问题 - 此 CSS 在 Safari 和 Firefox 中运行良好，但在 Chrome 或 IE10 中看起来不正确。

这是站点:http://66.147.240.166/~peakeffe

这是驱动主导航的 CSS:

position: relative; 
z-index: 98; 
width: 900px; 
margin: 0 auto 0 575px; 
background: #4c2917; 
border-top: 0px solid #653600;

Answer 1

您的负右边距导致菜单突出。试试这个:

.menuwrapper {
    right: 20px;
}

您似乎有一个不必要的复杂布局以及所有这些负边距。您的标题和内容区域之间也有一个小的慢跑。我会考虑稍微简化一下。

也试试这个:

.mainmenu.row {
    width: auto;
}