仅在 IE8 上使用 jQuery 幻灯片效果时边距折叠

Question

我有一个与其他线程类似的问题，当通过 jQuery 使用 slipUp() 和 slipDown() 效果时，IE8 会折叠我的边距。

我正在构建一个手风琴，如 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 声明中添加overflow:hidden 的方法，以及将其添加到容器#accordion。
• 将 Zoom:1 添加到上述所有 CSS 选择器。
• 将我的 margin-bottom 更改为 margin-top 。
• 在 JavaScript 中的 SlideDown() 方法上创建回调，以通过 jQuery 将 CSS 添加到元素，同时尝试溢出和缩放属性。

到目前为止，我还没有采取上述任何补救措施。有什么建议吗？提前致谢。

Answer 1

我认为这可以解决问题：

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