try this
css
.imageHolder {
position: relative;
width: 285px;
}
.imageHolder .caption {
position: absolute;
width: 283px;
height: 50px;
bottom: 4px;
color: #ffffff;
background: green;
text-align:center;
font-weight:bold;
opacity:0.7;
}
#test div {
transition: all .2s ease-in-out;
}
#test div:hover {
transform: scale(1.1);
}
HTML
<article>
<div id="test">
<div class="imageHolder">
<img src="http://www.corelangs.com/css/box/img/caption4.jpg" alt="" />
<b class="caption"><br>Caption goes here</b>
</div>
</div>
</article>