Background images - multiple wanted

[xenavire]

First of all, a visual aid: hxxp:hex.chopstixz.net/Thelionsshare/forum/ [nonactive]

The top image looks great, but I want to separate the lions and potentially have them sitting more off to the sides, and scrolling down the page with the 'fixed' piece of code.

However, I have looked all over and can't find any way to use two different background images. I just want it to be fairly simple - top image is the clouds, bottom image is able to scroll, so I don't have to worry about horrible blank space.

Can anyone help me?

[Gwenwyfar]

You can use multiple images by separating them with commas. It is probably easiest to just use the "background:" shorthand and include everything there, like this:

background: url("image1.png") 100px 20px no-repeat, url("image2.png") somerules;


Though, if you're going to make their position fixed, why not just use one image and edit it?