Hola, en esta pagina hay algo muy parecido a lo que quieres hacer
www.csszengarden.com/?cssfile=069/069.css
este es el código que utiliza en CSS para posicionar cuatro imágenes. Creo que tu solo utilizarías la misma imagen ya que es igual en los cuatro lados.
Código HTML:
#extraDiv2 {
background-image: url(edge_bottom_black.gif);
background-repeat: repeat-x;
position: fixed;
bottom: 0;
left: 100%;
width: 100%;
height: 20px;
margin-left: -100%;
}
#extraDiv3 {
background-image: url(edge_top_black.gif);
background-repeat: repeat-x;
position: fixed;
top: 0;
left: 100%;
width: 100%;
height: 20px;
margin-left: -100%;
}
#extraDiv4 {
background-image: url(edge_left_black.gif);
background-repeat: repeat-y;
position: fixed;
top: 0;
left: 0;
width: 20px;
height: 100%;
margin: 0;
}
#extraDiv5 {
background-image: url(edge_right_black.gif);
background-repeat: repeat-y;
position: fixed;
top: 0;
right: 0;
width: 20px;
height: 100%;
margin: 0;
}