title: How can I make a bar flush with the top, left, and right of a browser window in CSS?
body: <p>I want to make a bar at the top of my site similar to the one on stackoverflow or facebook. I have the following code:</p>
  
  <pre><code>#topBar {
      background-color: #3B5998;
      height: 41px;
      left: 0;
      width: 100%;
      z-index: -1;
  }
  </code></pre>
  
  <p>There seems to be a white region surrounding the bar in my browser. How can i remove that surrounding area? Border,padding, and margin are all 0.</p>