A page that doesn't work!

<html>
<head>
<title>
    A Nice Webpage
</title>

<style type="text/css">
 body {
  background: #13041F;
  color: #C2C9FF;
  margin: 0px;
 }

 /* ALIGNMENT STYLES */

 .center {
  text-align: center;
 }

 /* CONTAINERS */

 #pagebox {
  position: static;
  left: 0px;
  top: 0px;
  width: 100%;
  height 100%;
 }

 #header {
  left: 0px;
  padding: 15px 45px;
  border-bottom: 6px ridge #F2C166;
 }

 #sidebar {
  top: 117px;
  height: 100%;
  border-right: 6px ridge #F2c166;
 }

 #maincontent {
  left: 123px;
  top: 117px;
  min-width: 500px;
  height: 100%;
 }

 /* HEADER STYLES */

 h1,h2,h3,h4,h5,h6 {
  text-align: center;
  font-family: "Georgia",sans-serif;
 }

 h1 {
  letter-spacing: 2.1px;
  font-style: italic;
 }

 /* INPUT STYLES */

 input[type="submit"], input[type="button"] {
  background: #4812A1;
  color: #B6D0D9;
  padding: 5px 7px;
  border: 3px groove #B6AAF2;
 }

</style>

</head>

<body>

 <div id="pagebox">
  <div id="header">
   <h1>This is a website</h1>
  </div>

  <div id="sidebar">
   <input type="button" value="Hit the button!" />
  </div>

  <div id="maincontent">
   <p>Lorem ipsum dolor sic amet...</p>
  </div>
 </div>

</body>

</html>