I have a page with a static 801px wide wrapper.
I want to place transparent borders on either side of the wrapper. I have the files borderleft.png and borderright.png, both which are 27 px wide.
The body has a background image which repeats, and the wrapper has a background color, white.
I realise that there are two issues at hand, one being that of placing the transparent pngs and the other being getting alpha-transparency support in IE. ISsue one is more important to me atm.
I had managed to place ONE of the borders, the left, by setting it as the wrapper's background image, repeat-y, top left, and giving the wrapper left padding of 27px. However, the border's transparent background was acually the white of the wrapper (as it should be), rather than the background of the body(which I want)
They are then repeated down the main container. IE6 gets them via the alpha image loader which won't repeat the image but instead scales it to fit which results in the transparent image being stretched. However there is no other way to do it so there is no choice but to live with it.