I've got a centered fixed-width block inside a resizable container. I'd like to auto-fill the left & right margins with repeating background images.
Here's an illustration of the problem: http://juniperwebcraft.com/test/test_stretch.html One catch is that the blocks can't be allowed to overlap, as they've all got transparent image backgrounds and if they overlapped their drop-shadows would conflict. Therefore I can't fudge it, overestimating the width of the side blocks to ensure that they slide underneath the centered image. All two side blocks have to abut the middle block precisely. I've got a work-around that looks good in Firefox & IE, splitting the centered block into two halves and using regular floats, but I'm still looking for something more elegant. Suggestions? Paul ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/