i dont know why, but it looks messed up.
i tried to do it with my own images
http://mu.thesixthdesign.com/ep/



my images:
http://mu.thesixthdesign.com/ep/rb/




my code:
/* set millions of background images */
.rbroundbox { background: url(rb/green_bg.jpg) repeat; }
.rbtop div { background: url(rb/green_tl.jpg) no-repeat top left; }
.rbtop { background: url(rb/green_tr.jpg) no-repeat top right; }
.rbbot div { background: url(rb/green_bl.jpg) no-repeat bottom left; }
.rbbot { background: url(rb/green_br.jpg) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot
{width: 100%;
height: 7px;
font-size: 1px;}

.rbcontent { margin: 0 7px; }
.rbroundbox { width: 90%; margin: 1em auto; }



any help is super duper appreciated !