Как сделать резиновый квадратный DIV на css?

.square-wp{
	width:200px;
}

.square-wp .img {
	width: 100%;
	overflow: hidden;
}
.square-wp .img:before{
	content: "";
	padding-top: 100%; 
	float: left;
}