Anyone know of a fix to use transparent background (tiled and not tiled) png files in IE6 and under?

Question

I have a background that is centered in the page via CSS that has edges that have some opacity that I want tiled as the page gets longer. It needs to be tiled as well.

Answer 1

Tiles are actually "repeats" in css so

body { background: #fff url(yourimage.png) repeat;
}
Will repeat both vertical and horizontal

body { background: #fff url(yourimage.png) repeat-y;
}
Will repeat Verticle

body { background: #fff url(yourimage.png) repeat-x;
}
will repeat Horizontally

body { background: #fff url(yourimage.png) no-repeat bottom right;
}
Will cause only ONE copy to appear at the bottom right of the page..

And if you just want the edges of an image repeated. You will need a second image with just the edges shown then repeat it vertically. You can use a "container element" or some other wrapper to cause that behavior.

Oh and if you need the ALPHA support
http://www.twinhelix.com/css/iepngfix/demo/
http://bjorkoy.com/past/2007/4/8/the_easiest_way_to_png/
and last but not least
http://www.alistapart.com/articles/pngopacity

Best to use gifs just convert the png if you really want transparency in the background!