Bilder als hintergrund einstufen(HTML)

<div id="linksoben">
</div>
<div id=obenrand>
</div>
<div id="rechtsoben">
</div>
<div class="clear">
</div>
<div id="main">
bla lahas alsfa,s fasfnba sfafnsa faknfa, f.afa f.afa fa. fa f 










</div>
<div class="clear">
</div>
<div id="linksunten">
</div>
<div id="untenrand">
</div>
<div id="rechtsunten">
</div>

body {
margin: 0;
padding:0;
}
#linksoben, #obenrand, #rechtsoben, #linkssunten, #untenrand, #rechtsunten {
float: left;
}


#linksoben {
/*exakte höhe und breite deines bildes der oberen linken ecke */
width: Xpx;
height: Xpx;
background:url('bild_von_ecke_links_oben') no-repeat;
}


#oben rand {
/*gewünschte breite deiner page in % (dadurch variabel) */
width: X%; 
/*exakte höhe deines bildes des oberen randes*/
height: Xpx;
background:url('bild_rand_oben.jpg') repeat-x;
}
#rechtsoben {
/*siehe linksoben*/
}
.clear {
clear:both;
}
#main {
float: left;
/*gesamtbreite deiner page in %*/
width: X%;
/*keine höhe, dadurch Variable je nach inhalt*/
border-left:url('bild_vom_linken_rand.jpg') repeat-y;
border-right:url('bild_vom_rechten_rand.jpg') repeat-y;
}
#linksunten {
/*siehe linksoben*/
}
#untenrand {
/*siehe obenrand*/
}
#rechtsunten {
/*siehe rechstoben*/
}