title: Question on CSS width:100%
body: <p>I want to create a flexible grid layout (i.e. no pixel value to be used anywhere)
  Now here is my question;
  For the outer container, generally I use</p>
  
  <pre><code>#container{width:1024px;margin:0 auto}
  </code></pre>
  
  <p>This is to center align the entire page. Now when I convert the same to a % based CSS i.e.</p>
  
  <pre><code>#container{width:100%;margin:0 auto}
  </code></pre>
  
  <p>In this case, the page does not center align. How do I fix this issue?</p>