title: Padding on container div not working in Google Chrome
body: <p>I have a fixed width centered template and I wanted to apply 10px padding on left and right of "main" div. So that on small screens the site does not touch left side of the screen. It works in IE, Firefox, Safari, Opera but not in Google Chrome.</p>
  
  <p>Here is the relevant code:</p>
  
  <pre><code>&lt;style type="text/css"&gt;
    #main {
      padding:0 10px;
    }
    #wrap {
      width:980px;
      margin:0 auto;
    }
  &lt;/style&gt;
  &lt;div id="main"&gt;
    &lt;div id="wrap"&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I tried various combinations of css but no success. You can take a look at actual page <a href="http://goo.gl/Zyd3F" rel="nofollow">here</a>. (may change in future!)</p>
  
  <p>Thanks!</p>