展开的DIV在它下面的DIV后面滑动

我不确定我会在这里得到答案,因为我需要发布大量的CSS和HTML来获得一个工作娱乐,但是…

我有这样的结构:

<fieldset>
    <legend>Test A</legend> 
    <h3>Test A</h3>   
    <p>
        Something here.
    </p>
    <div style="display:hidden;">I'm dynamically displayed</div>
</fieldset>

<fieldset>
    <legend>Test B</legend> 
    <h3>Test B</h3>   
    <p>
        Something B here.
    </p>
</fieldset>

我有使用jquery和.show()切换隐藏的DIV显示的代码。这在IE8、火狐和Safari中很有效,但是当我将IE8坚持到兼容模式时,第一个字段集(测试A)将扩展,但扩展发生在第二个字段集后面,而第二个字段集不会移动(即,它滑到后面)。

我有很多CSS在这里使用,我要回去取下所有的东西,这不是一个有趣的主意。如果有人知道IE7呈现问题中的一个可能会影响到这一点,那么我非常感谢。(请注意,这些字段集中的内容比显示的内容要多,包括浮动分隔符)。

快速提示-如果我坚持IE7进入怪癖模式,它工作(但破坏了我的布局的其余部分)-在标准模式下,我得到上述行为。