title: Align image in center and middle within div
body: <p>I have following div</p>
  
  <pre><code>&lt;div id="over" style="position:absolute; width:100%; height:100%&gt;
   &lt;img src="img.png"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How to align the image so as to be located in the middle and center of div ?</p>