title: Centering background color via css
body: <p>I have a centered image in the background, but I need my main background-color to stretch as much as the image and stay at the center.</p>
  
  <p>Here is the css for body background</p>
  
  <pre><code>body{padding:0; margin:0; background:url(/b.jpg) center 10px no-repeat;}
  </code></pre>
  
  <p>Here is the css for main background</p>
  
  <pre><code>.main{background:#4e4645;}
  </code></pre>
  
  <p>Ive tried background-position and margin percents with no luck.</p>