Разрыв полей с использованием эффектов слайдов jQuery только на IE8

Question

У меня проблема похожая на другие потоки, где IE8 сворачивает мои поля при использовании эффектов slideUp () и slideDown () через jQuery.

Я строю гармошку, как видно на http://www.airtypehub.com/clients/webllp/practice.html.

CSS-декларации, которые свертываются (и dt, и dd):

.practice #accordion.live dt {
    cursor: pointer;
    margin-bottom: 10px;
}
.practice #accordion dd {
    background: #fff;
    margin-bottom: 10px;
    padding: 20px 20px 1px;
}

JavaScript (выдержка):

$('#accordion').addClass('live');
$('#accordion dd:first').slideDown().prev().addClass('open');
$('#accordion dt:not(.open)').corner('5px').live('click', function() {
    $('#accordion dt').removeClass('open').corner('5px');
    $('#accordion dd').slideUp();
    $(this).addClass('open').next().slideDown();
});

Я пробовал несколько вещей заранее, в том числе:

• Часто цитируемый метод добавления переполнения: скрытый для CSS-объявлений выше, а также добавления его в контейнер # accordion.
• Добавление зума: 1 ко всем вышеупомянутым селекторам CSS.
• Изменение нижнего края на верхнее.
• Создание обратного вызова для метода slideDown () в JavaScript для добавления CSS к элементу через jQuery, пробуя свойства overflow и zoom.

Пока что мне не повезло ни с одним из вышеперечисленных средств. Какие-либо предложения? Заранее спасибо.

Answer 1

Я думаю, что это решит проблему:

.practice #accordion dd,
.practice #accordion dt,
.practice #accordion dl{
   width:100%;
   float:left;
}