title: CSS: Width 100% is not 100% of Screen
body: <p>On my <a href="http://quoraquora.com/index.php" rel="nofollow">sandbox site</a> there is a white bar across the top. It is contained within the body(which has the background image), and the navbars styles are </p>
  
  <pre><code>#topnav4 {background: #fff;  width: 100%; height: 70px;  }
  </code></pre>
  
  <p>But the bar doesn't reach the edges of the screen. Furthermore, I don`t have any margins or padding set.  does anyone know how to fix this? </p>
  
  <p><strong>Update,</strong> also note that the navbar is not at the very top of the screen. There is space between the top of the navbar and the top of the page. How do I get rid of this?</p>
  
  <p><strong>Update,</strong> I added this code but the problem is still not fixed</p>
  
  <p><strong>#topnav4 {background: #fff; position: absolute; left: 0px; top: 0px; width: 100%; height: 70px;  }</strong></p>