title: How to center a (background) image within a div?
body: <p>Is it possible to center a background image in a div? I have tried just about everything - but no success:</p>
  
  <pre><code>&lt;div id="doit"&gt;
    Lorem Ipsum ...
  &lt;/div&gt;
  
  //CSS
  #doit { background-image: url(images/pic.png); background-repeat: none; text-align: center; }
  </code></pre>
  
  <p>Is this possible?</p>