title: 100% width in css is not working in lower screen resolution
body: <p>I am doing a project <a href="http://damiracle.com/clientdemos/site_ibfa/" rel="nofollow">http://damiracle.com/clientdemos/site_ibfa/</a>
  where I am using the header panel width 100%.</p>
  
  <pre><code>    #header
  {
  
      width:100%;
      height:829px;
      /*background:url(../images/head2.png) repeat-x;*/
      background:#000;
      /*overflow:hidden;*/
      margin-bottom:10px; 
  
  
  
      }
  </code></pre>
  
  <p>Everything is working fine when it is big screen resolution but when it is a smaller screen resolution it is showing a white space in the right side. I have tried by all means.
  I have writen a global css</p>
  
  <pre><code>html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0; border:0;font-size:100%; font:inherit; vertical-align:baseline;}
  </code></pre>
  
  <p>but then also it is not working.
  I shall be obliged if any one helps me to sort it out.
  Thanks in advance to all of you</p>