CSS3 Multiple Backgrounds

Allows more than one background to be placed on a single HTML element.

#multiple-bg {
    background: url(center.gif) center center no-repeat, url(top.gif) top left repeat, url(bottom.gif) bottom left no-repeat, url(middle.gif) left repeat-y;
}

/* IE6-8 */
#multiple-bg {
    background: transparent url(top.gif) repeat top left;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='top.gif', sizingMethod='crop');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='top.gif', sizingMethod='crop')";
}