Text blocks over images

Text blocks over images

I'm using the instafeed library to get instagram images to my website, now
with the instafeed library its really easy to get the caption of the
images.
Now my problem is that i would like to have the caption text on the bottom
of every image.
But since this is dynamically created I cant manipulate the outputted
html, so I wonder if its possible with CSS to put the image text on bottom
of every image.
HTML
<div id="instafeed">
<img
src="http://distilleryimage9.s3.amazonaws.com/3a81fe1e206d11e38bc322000a9d0dcb_7.jpg">
<div class="caption">#windows #shadows #art #bw #abstract #overlap</div>
</div>
CSS
.caption {
background-color:#ccc;
}
img {
width: 33.33%;
float: left;
}
JSFiddle