CSS Fail

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
html,
body {
   margin:0;
   padding:0;
   height:100%;
}
#container {
   min-height:100%;
   position:relative;
   height:100%;
}
#body {
   padding:10px;
   padding-bottom:60px;
}
#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:20px;
   background:#111;
}
p1 {
    color:#fff;
}
h1 {
    color:#333;
    font-size:100px;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>

<div id="container">
   <div id="body"><center><h1>no.</h1></center></div>
   <div id="footer"><center><p1>Hosted by <a href="http://foldager.me">Foldager Media</a></p1></center></div>
</div>

</body>
</html>