Making a Png Image transparent in older versions of Internet Explorer

Hello People i have a problem with the png formatted images, i used some PNG images in my m开发者_高级运维ock. when i view the mock in I.E the background of the images are not transparent.

i got one solution for making it trasparent in "I.E" from the previous POSTS in the Forum. But my Problem is, i want that image to be tiled horizantlly...using that Filter thing.

can any one solve this plz....plz.... i need a solution for making a png in I.E and at the same time it shud be tiled horizontally.

See this SO question for the transparency stuff.

To tile a background image horizontally use a CSS rule:

div {
    background-image: url('some_image.png');
    background-repeat: repeat-x;
}

Try this:

yourDiv {
background-image: url(name.png);
background-repeat: repeat-x;
_behavior: expression(
this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1],
this.style.background = "none",
this.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(
enabled=true, src=" + this.src + ")',
this.style.background-repeat: "repeat-x");
}

If doesn't work your options are:

1. Make your image bigger.
2. Use javascript to repeat the div containing it.
3. Make a jpg with the transparency effect baked.

P.D. Can you post the mockup of what you want to achieve?