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

Question

我的导航存在问题 - 在Safari＆amp; 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;
}

Answer 2

您有36 HTML errors和782 CSS errors。开始工作。但是，其中许多是供应商扩展或仅限IE的属性。只是不知道哪些，但那里有错误。