How to have multiple backgrounds?

[benjamin]

Is it possible to have a small non repeating background set to fixed in the bottom right and also have a repeating background to the page?
hope this is clear enough pleze tell me if u dont understand

[Jona]

Try using this. If it doesn't work, use the body tag and then the DIV tag that contains your content area.


html {
background: url(rightwrap.gif) top left repeat fixed;
color: #000;
}

body {
background: url(rightbot.gif) bottom right no-repeat;
color: #000;
}

[benjamin]

this does not work becuase the body backgrond replace the html nackghround and a conatiner div would over lay over the water mark image

[Jona]

You can set a width for the body tag, or the container DIV; its default is 100%, which is why it would overlap the background image.

[benjamin]

but do you know a way around it?

i dont want a div less than 100%

[Jona]

Use two inner DIV's with widths less than 100% or use images instead of backgrounds.