i wish, that such simple things should be easier accomplishable with html5.

<!DOCTYPE HTML>
<html>
<head>
<title>Center Images in divs with css and html in 2014</title>
<body>
    <style>
/* center container inside html */
.imageContainer {
    border: 1px solid red;
    left: 50%;
    position: initial;
}
/* that's what you actually need */
.imageContainer img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

</style>
        <div class="imageContainer">
            <img src="../beach1.jpg">
        </div>
</body>
</html>
admin