Белые горизонтальные линии при анимации изменения высоты элемента?

Question

[mr__brainwash]

Здравствуйте. У меня есть слайдер. Помимо перелистывания, есть еще возможность показать или скрыть дополнительный текст. При нажатии на кнопку "show details" блок текста с начала уезажет вверх, а потом раскрывается скрытый текст. Вот стартовое положение слайдера: i.stack.imgur.com/671Fm.jpg
А вот такие полосы появляются во время анимаци, когда блок уезжает вниз: i.stack.imgur.com/l31qE.png
Это происходит только в браузерах IE всех версий. Анимация делается с помощью jquery animate
Структуры слайдера вот такая примерно:

<div class="wrapper">
  <ul class="slider">
    <li class="slider-element"></li>
    <li class="slider-element"></li>
    <li class="slider-element"></li>
  </ul>   
</div>

Вот фидл: jsfiddle.net/r9fry2mc/4
Если убрать у родителя свойство border-radius - то глюк пропадает. Как это исправить?

Comments

[IvanKalinin]

А нельзя ли посмотреть на сайте? Ато по картинке гадать не прикольно

[#rybak]

Открыл ваш фидл в Хроме, в Мозилле, в Эксплорере
Проблемы не обнаружил

[mr__brainwash]

#rybak: Вы, наверное, открывали в 11 ie, попробуйте 10-й или 9-й.