Blue border around png imgae in IE6

I tried using the img border:0 css but no luck. Please see attached image. Basically, the gradient image is in png format as a background image. When I view it on IE 6, there is that blue border showing around that image. I am puzzled as to why does this only happen on that particular image.

Can anyone please help. I've been looking for answers but I have not found any luck.

Thanks.

http://www.ofsgraphics.com/images/blueborder.jpg

Solution

That looks like the image repeating. Not a border.

If the image is a background, try:

#your_element {
               background-image: url(your/image.png);
               background-repeat: repeat-x;
              }

This will constrain the image repeat to the x axis.

Alternatively, set the element height to the height of the of the background image.

It would be much easier to help if you posted some code.