body {
	background: #012;
	}

.box {
	position: relative; /* important */
	float: left;
	width: 250px; /* we must set a specific width of the container, so it doesn't strech when the image starts moving */
	height: 330px; /* important if you use slidedown/slideup effects (check the demo). */
	overflow: hidden; /* hide the content that goes beyond the div limits */
	/*just styling bellow*/
	background: #bcd;
	color: #234;
	margin: 20px;
	border: 4px double #567;
}

.box p {
	font: italic bold 14px/24px georgia, serif;
	padding: 10px;
}

.box img{
	position: absolute; /* important - to get the image position on top of the text */
	height: 320px;
	width: 240px;
	margin: 5px;
}