Html 高度：100%不'；我不为边境工作

我在asp.net中创建了一个母版页，它使用以下css创建我的边框。我有一个登录屏幕，它集中在浏览器窗口的中间，取决于它的大小使用CSS（Actuple Fipe）。请参阅下面的浏览器屏幕打印

正如你所看到的，边框没有延伸到浏览器的底部，有没有办法做到这一点？我试过身高：100%在我的身体和页面上。但是这没有什么区别

body{
background-color: #EFEFEF;
margin-left: auto;
margin-right: auto;
padding: 0;
position: relative;    
}

.page{
margin:10px;
background-color: #fff;
border:2px solid #fff;
border-radius:25px;
-moz-border-radius:25px;
height:1000px;
}

.accountInfo{
 position: fixed;
 top: 50%;
 left: 50%;
 margin-top: -50px;
 margin-left: -100px;
 width:200px;
 height:100px;
 font-size:80%;
 }

为什么不呢

position: fixed;
z-index -1;
left:20px;
right:20px;
top:20px;
bottom:20px;

您还可以将高度：100%添加到

和

元素中

编辑

---

还有

元素

请把它放在JSFIDLE中，这样我们就可以玩它了…@Michael Easter我有两个页面（母版页和登录页），所以我把它们合并成了一个页面，因为我是这个JSFIDLE的新手。甚至在我输入登录代码之前，边框就直接进入结果窗口的底部。。。我现在有点糊涂了。请参阅链接：@Michael Easter，我还删除了css链接，因为我总结说JSFIDLE不需要它