title: White space on right side of header on zoom
body: <p>I am developing <a href="http://www.brilliantseotechnologies.com/test.html" rel="nofollow">this</a> website.</p>
  
  <p>The problem I am facing is white space on right side of header on zoom in. I did all sorts of things but failed to fill the white with area of header part with black.</p>
  
  <p>Relevant CSS code: (I am not pasting the whole code as it is too lengthy, you can find it in the website)</p>
  
  <pre><code>header
  {
      float:left;
      width:100%;
      height:700px;
      background:#000000;
      -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
      -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
      box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  }
  
  .header_main
  {
      background: #000000;
      -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
      -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
      box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
      float:left;
      height:800px;
      width:100%;
  }
  </code></pre>