[RESOLVED] Multiple Backgrounds for "Body"

[leighchic]

Hi there

I need to create 2 backgrounds for my website. One needs to repeat-x on the top:

background-image:url(images/topBackrepeat.jpg);
background-repeat:repeat-x;

The other needs to tile the rest of the back:

background-image:url(images/Backrepeat.jpg);
background-repeat:repeat;

I have attached the design. These 2 backgrounds need to sit at the back and not effect the middle part of my design.

How can I do this?

Thanks!
Leighchic

[scragar]

this is more of a CSS than HTML problem, but I think it could be achived simply by having a main content div(like you really should have anyway, given some IE versions problems with margins and the body), applying your first background to the body and the second to the container div.

[leighchic]

Thank you, it worked.