title: Center image Y and X within DIV
body: <p><a href="http://jsfiddle.net/cECRj/" rel="nofollow">http://jsfiddle.net/cECRj/</a></p>
  
  <p>How would I center the image so that it is in the complete center of the DIV?</p>
  
  <pre><code>#box
  {
  border: 1px solid;
  margin: 0px 10px 0px 0px;
  width: 250px;
  height: 200px;
  border-radius: 35px; 
  -webkit-border-radius: 35px; 
  -moz-border-radius: 35px; 
  border: 1px solid #E8E8E8;
  display:inline-block;
  }
  
  &lt;div id="box"&gt;
  &lt;img src="cleaning1.jpg" height="150px" width="200px"&gt;
  &lt;/div&gt;
  </code></pre>