Css 在屏幕右侧延伸偏移背景色

我试图创建一个标题，其中徽标和菜单位于页面的中心，但是菜单div的背景色会延伸到屏幕的右侧

,

HTML

我该怎么办

---

感谢在页眉的主容器上，您需要使其在

保留一定数量的同时扩展100%

这就是我所改变的

#header {
  height:100px;
  left: 40%;
  width:100%;
  position: relative;
  background: #383838;
}

像这样吗？是的，就是这样，谢谢。好的，我会为你添加我的答案。
*{
    margin:0px;
}
html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {overflow:auto;
    padding-bottom: 70px;} 

#footer {position: relative;
    margin-top: -70px; 
    height: 70px;
    background-color:#383838;
    -webkit-box-shadow: 0px -10px 5px 5px #cacaca;
    box-shadow: 0px -10px 5px 5px #cacaca;
    clear:both;} 
#header {
    height:100px;
    left:0px;
    right:0px;
    width:960px;
}
.header-logo {
    position: relative;
    float:left;
    background-color:#654654;
    width:200px;
    height:100px;

}
.header-menu {
    position:relative;
    text-align:left;
    float:left;
    height:100px;
    background-color:#383838;
    -webkit-box-shadow:  0px 30px 5px 0px #cacaca;
    box-shadow:  0px 30px 5px 0px #cacaca;
}

#header {
  height:100px;
  left: 40%;
  width:100%;
  position: relative;
  background: #383838;
}