Hover tidak sesuai

misi gan ane newbie mau nanya. setelah mengikuti tutorial mengubah desian HTML dan CSS pada bagian ketiga, terjadi eror atau tidak sesuai dengan hover seperti gambar dibawah ini

.setiap_karya_gambar p{
	position: absolute;
	top:0px left: 25px;
	width: 250px; height: 250px; line-height: 250px;
	text-align: center; font-size: 25px;
	background-color: rgba(255,255,255,0.8);
	color: #524730;
	border-radius: 30%;
display: none;
}

.setiap_karya_gambar:hover p{
	display:block;
}

mohon bantuannya. suwun:)