Getting an image to show outside the row boundary

I'm having a challenge getting an image to flow from a lower row into the row above. I've applied z-index and position attributes which should work, but the image gets cut off at the top of the row. Any suggestions on how I can achieve what I want?

The page is not live as it is under development, but here's a screen image

Here's the custom tag for the image:

.imgfloat {
	position: absolute;
	bottom: 0;
	z-index: 99;
	vertical-align: bottom;
}