CSS3ではひとつの要素に対して複数の背景画像を重ねて表示できるようです。
左側に記述したものが上になる ので、記述順番に注意すれば簡単に実行できますね！
記述例
div {
background: url(img/bg_bottom.gif) left bottom no-repeat, url(img/bg_top.gif) left top no-repeat,url(img/bg.gif) left top repeat;
}
この場合img/bg.gifが一番下のレイヤーになり、上にimg/bg_top.gif、さらに上にimg/bg_bottom.gifが重なって表示されるようになります。
