Navbar 100% -ная ширина страницы

Question

Я пытаюсь создать навигационную панель HTML/CSS, которая составляет 100% ширины экрана. Сейчас у него небольшие стороны на сторонах, которые не являются навигационными.

Я не использую абсолютное или относительное позиционирование.

Вы можете увидеть мой код здесь http://jsfiddle.net/una5kpx9/1/

<div id="nav"> 
     <div id="nav-inner"> 
      <p>Text Goes Here &nbsp;&nbsp;</p> 
     </div> 
    </div> 

CSS:

#nav { float: left; clear: both; width: 100%; padding: 0; background: #787F6C;} 
#nav-inner { float: left; clear: both; width: auto; padding: 10px 20px; background: transparent; } 

Любая помощь приветствуется,
Благодаря

Answer 1

Вам нужно добавить:

body { margin:0 } 

• Без: http://jsfiddle.net/9uzp5xgr/
• С: http://jsfiddle.net/r564nu9f/

Или, если вы хотите Navbar следовать при прокрутке вы можете установить позицию абсолютного:

nav { 
position:absolite; 
top:0; 
right:0; 
left:0; 
height:50px 
}