[dodod]

I have a drop shadow, on each side of a div- like this

*| |*
*| |*
*| |*
*| |*

At the beginning of each side, there is a long "gradient " drop shadow (to match the background)- but once the gradience ends i just need to have the shadow image repeat-y (vertically).

I guess if css worked like id like it to, the code would be this:

Code:

background: url(gradient_shadow.png) no-repeat top left,
url(shadow.png) repeat-y;

I hope that makes sense. If it does, any suggestions?

[Pong]

I dont think that its possible to have 2 background images in the same div, your best option may be to add another outside and use it for the background.

[jordie]

i think best to have like:

Code:

body { 
      background-image: url(gradient_shadow.png);
      background-repeat: no-repeat; 
}

#background { 
      background-image: url(shadow.png);
      background-repeat: repeat-y; 
}

use id="background" in the div tag, the other one will automatically appy it to the body of the page.