I'm having a spot of bother with CSS, and was wondering if anybody could help.
I want one top image, a repeating middle image, and one bottom image, to make up the 'body' background of a website.
This website says it's possible, so following their logic, I would put...
background-image: url("top.png"), url("middle.png"), url("bottom.png");
background-position: top center, middle center, bottom center;
The problem is, it doesn't work. I've tried Firefox, Safari and IE, and doesn't work in any.
Are there any CSS wizards out there who could help me with my predicament?