To easily center an image on a div

Just convert the image as a block displayed element and set the properties of margin :)

img {
      display: block;
      margin-left: auto;
      margin-right: auto
  }

More tips on centering things: http://www.w3.org/Style/Examples/007/center.en.html