Image centred in div

by Kitson Broadhurst

HTML

<script src="enhanceddd.com/images/nav-level3.png"></script>
<div class="col-xs-4 col-xs-offset-4">
    <img src="http://s24.postimg.org/v0kbdpa2d/nav_level3.png"/>
</div>

CSS

div {
    border: 1px solid red;
    height: 150px;
    width: 50px;
}
img {
    width: 50px;
    height: 50px;
    position: relative;
    left: 50%;
    margin-left: -25px;
}