Баг с CSS колонками в IE11

Здравствуйте, имеется баг с отображением колонок с помощью проперти columns/column-width. Суть в том, что первый эелемент второго и последующих столбцов, залазит в предыдущий столбец в IE11 (скорее всего и в 10 тоже самое):
.test { columns: 4; } .test > a { display: block; } .test > a:hover { background-color: red; }

1 2 3 4 5 6 7

https://jsfiddle.net/vav84qb4/1/
Может кто знает как можно пофиксить этот баг, желательно без js и сторонних библиотек?

Ответ

.test { columns: 4; } .test > a { display: block; page-break-inside: avoid; break-inside: avoid; } .test > a:hover { background-color: red; }

1 2 3 4 5 6 7