Buenas,
Creo que se cual es tu idea y lo que necesitas. Antes que nada, hay que tener el cuenta que el body actua como una div más, es decir, no puedes superar su width.
Yo lo he planteado de otra forma, por si te convence hacerlo así (creo que es la forma más correcta).
Código HTML:
<body>
<div class="header-bar">
<header>
<nav>
<ul>
<li><a href="#">Noticias</a></li>
<li><a href="#">Informacion</a></li>
<li><a href="#">Contacto</a></li>
</ul>
</nav>
<content>
<div class="center">prueba</div>
</content>
</header>
</div>
</body> Código HTML:
body{
background-color: #edeff0;
width: 100%;
margin:0;
}
.header-bar{
width: 100%;
height: 50px;
background-color: #384047;
padding: 0;
float: left;
}
content .center {
width: 70%;
margin:auto;
}
No se si sabes a qué me refiero, si tienes alguna duda te responderé encantado.
Un saludo.