Shift footer to bottom

This code editor is only for html, css and javascript. Edit code in left box and to see result, click =>

Code

<html>
<head>
<title>Shift footer to bottom</title>
<style type="text/css">
	* {
		margin: 0;
	}
	
	html, body {
		height: 100%;
	}
	
	.wrapper {
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -50px;
	}
	
	.footer, .push {
		height: 50px;
	}
	
	/*CSS for styling*/
	p {
		margin: 0 10px;
		color: #222;
		font-family:Verdana, Geneva, sans-serif;
		font-size: 12px;
	}
	.wrapper {
		background-color:#FFC;
	}
	
	.footer {
		background-color: #ccc;
	}
</style>

</head>
<body>
	<div class="wrapper">
    	<p>Your website content here.</p>
        <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>
        <div class="push"></div>
    </div>
    <div class="footer">
        <p>Copyright © Fellow Tuts</p>
    </div>     
</body>
</html>