Multiple background images positioning
I've got three background images, all of width 643px. I want them to be set out like so:

*top image (12px height) no-repeat*

*middle image repeat-y*

*bottom image (12px height) no repeat*

I can't seen to do it without getting them to overlap (which is a problem because the images are partially transparent), is something like this possible?


    background-image: url(top.png), url(bottom.png), url(middle.png);
    background-repeat: no-repeat, no-repeat, repeat-y;
    background-position: left 0px top -12px, left 0px bottom -12px, left 0px top 0px;
Multiple background images positioning
===

I've got three background images, all of width 643px. I want them to be set out like so:

*top image (12px height) no-repeat*

*middle image repeat-y*

*bottom image (12px height) no repeat*

I can't seen to do it without getting them to overlap (which is a problem because the images are partially transparent), is something like this possible?


    background-image: url(top.png), url(bottom.png), url(middle.png);
    background-repeat: no-repeat, no-repeat, repeat-y;
    background-position: left 0px top -12px, left 0px bottom -12px, left 0px top 0px;