Multiple backgrounds in CSS3

style.css

html, body { min-height: 100%; } /* force the footer to always be at the bottom */
body {
  background:
    url(layout/header.jpg) no-repeat scroll center top,
    url(layout/header-bg.jpg) repeat-x scroll left top, /* allows screen to be resized w/o eventual cutoff */
    url(layout/footer.jpg) no-repeat scroll center bottom,
    url(layout/footer-bg.jpg) repeat-x scroll left bottom;  /* allows screen to be resized w/o eventual cutoff */
}