Center image

HTML

<div class="user_photo">
    <div class="photo">
        <img alt="" width="300" src="http://audioinkradio.com/wp-content/uploads/2012/03/taylor-momsen-the-pretty-reckless.jpg" />
    </div>
</div>

CSS

* { margin: 0; padding: 0; }
html, body { height: 100%; }

.user_photo {
    width: auto; text-align: center;
    overflow: hidden; height: 260px;
    background: green;
    position: relative;
}

.user_photo .photo {
    float: left; height: 260px; line-height: 260px;
    position: relative;
    left: 50%;
}
.user_photo .photo img {
    display: inline-block;
    position: relative;
    left: -50%;
    vertical-align: middle;
}