Aqui ta'
Solo necesitas definir el height en porcentajes en html y body
Código HTML:
<html>
<head>
<style type="text/css">
.top{
background-image:url(top.png);
height:271px;
width:651px;
z-index:999999;
position:absolute;
top:0px;
}
.bottom{
background-image:url(bottom.png);
background-position:bottom;
width:651px;
height:311px;
margin-bottom:0px;
position:absolute;
bottom:0px;
z-index:1;
}
.center{
width:651px;height:100%;
margin: 0 auto; background:url(fondo2.png) center repeat-y;
}
html,body {
height:100%;
}
</style>
</head>
<body>
<div class="center">
<div class="top"></div>
<div class="bottom"></div>
</div>
</body>
</html>
Por cierto
el z-index no se maneja en pixeles, al menos hasta donde yo sabía.