image center according to parent div

// jQuery
$(".image-container > img").each(function(i, img) {
    $(img).css({
        position: "relative",
        left: ($(img).parent().width()/2) - ($(img).width()/2),
        top: ($(img).parent().height()/2) - ($(img).height()/2),
    });
});

<!-- html markup -->
<div class="image-container">
      <img src="http://www.google.com/images/logo.gif" height="100" />
</div>

/* Stylesheet */
.image-container {
 width: 470px;
 border: solid 1px red;
 margin:100px;
 height: 250px;
}

.image-container img {
    border: solid 1px green;
}