Css is complicated, when you go advanced it ain't easy anymore.
Here's what I want to do:
<span id="brCorner"> </span>
I would like to insert 4 background-images for each corner of the "outer" box.
Since the text can be resized I figured it's a bad idea to use just one background-image for the div, that fills the entire box, since it has to be aligned with a background pattern of the body and a text resize could throw the alignement off.
That's why I figured it's better put one background-image in each of the <div> <p> <span>s. But the p and the spans are smaller than the div which means their corners will land in different places. Sorry to make this long, but do you know of a good way to use several background-images but make it look as if they formed just one image in just one element, and that is also robust?
Thank you, hope you can help.