IE10 artifacts appear when using alpha png with background-repeat

Question

I\'m having the following problem in IE10 under Windows8, just using plain and simple div with a repeat-x background and when using a transparent png artifacts appear.

R

Answer 1

I'm having the same issue. Try changing the height or width of your image.

It seems to happen with large png background images that have a certain height to width ratio when they are repeated. In my case the image is 2000px wide by 1000px tall and the right side of the background ends up overlapping by 88 pixels (the background ends up being 2088 pixels. In my case I am using a transparent png with wrapping graphics that are slightly transparent. Even stranger, if I make the image 2000px by 2000px the problem goes away.

It's too bad... I was hoping IE had improved with version 10 and we wouldn't have to deal with these kind of quirks anymore.