Я бы предложил использовать содержащий div:
<div id="outter">
<div id="container">
<div id="navigation">
lorem ipsum dolor
</div>
</div>
</div>
И css:
#outter{
width:100%;
background-color:#00ff00;
}
#container{
width:500px;
margin:auto;
margin-top:20px;
background-color:#ff0000;
padding:20px;
}
#navigation{
width: 100%;
background-color: black;
height:16px;
color:#fff;
}
Установите внешний div на 100%.
Затем укажите содержащую div ширину, на которой вы хотите, чтобы страница с полями была установлена автоматически. Наконец, ваша навигация установлена на 100% ширину контейнера! Boom.
http://jsfiddle.net/Dc7XK/2/
Надеюсь, это то, что вам нужно!