Артефакты IE10 появляются при использовании alpha png с background-repeat
У меня следующая проблема в IE10 под Windows8, просто с помощью простого и простого div с фоном repeat-x и при использовании прозрачного PNG появляются артефакты.
Результаты:http://s18.postimg.org/9tn3dlsqx/artifacts.png
Вот пример кода:
CSS
div.field { height: 762px; background-image: url(../img/background_grass.png) repeat-x; width: 5000px; left: -700px; position: absolute; }
div.graphics { overflow: hidden; width: 3840px; position: absolute; background: url(../img/path_1.png); height: 640px; top: 315px; left: -1000px;}
И HTML
<!DOCTYPE html>
<html>
<head>
<title>MyForest - Идея по-чисто</title>
<meta charset="UTF-8" />
<link href="styles/styles.css" rel="stylesheet" />
</head>
<body>
<div class="field"></div>
<div class="graphics"></div>
</body>