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

Question

我的导航存在问题 - 在Safari和Firefox中使用这个CSS效果很好，但在Chrome或IE10中效果不佳。

这是网站： http://66.147.240.166/~peakeffe ： 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错误和782个CSS错误 。 开始工作。 但是，其中许多是供应商扩展或仅限IE的属性。 只是不知道哪些，但那里有错误。