stack overflow fix and center

HTML

<!-- delete this, it's for stackoverflow -->

<div class="featureHolder">
    <figure class="feature">
        <div class="imageHolder">
            
                <img src="http://www.steflouwers.nl/header.png" /> 
            
        </div>
        <a href="#" class="title-bar">Caption</a>
    </figure>
</div>

CSS

.featureHolder {
    position: relative;
    /* height is not necessary */
    height: 200px;
}
.feature { 
    margin: 0;
    overflow: visible; 
    /* width can change, img still centers */
    width: 60%;
    height: 100px;
    background: #cccccc; 
    position: absolute;
        bottom: 0;
}
.imageHolder { 
    text-align: center;
    width: 100%;
    position: absolute;
        bottom: 0;
}

img {
    margin-bottom: -5px;
}