สอบถามปัญหาเกี่ยวกับการเขียน css เพื่อจัดตำแหน่ง div จะต้องทำอย่างไร

@charset "windows-874";
/* CSS Document */

.upper{
	width: 500px;
	height: 200px;
	background-color:#0C3;
	position:absolute;
	z-index:1;
}
.middle{
	width: 400px;
	height: 250px;
	background-color:#063;
	position:absolute;
	z-index:2;
	left: 50px;
	top: 150px;

	}
.lower{
	width: 500px;
	height: 200px;
	background-color:#0C3;
	position:absolute;
	z-index:1;
	top: 350px;

}