IE7中的重叠元素在类更改时停止重叠

看一下标记,我认为您应该尝试添加一个div来包围每一行div。您正在将元素浮动到左侧,并且下面没有任何带有clear:both;值集的元素。例子:

<div id="row1" class="rowWrapper">
    <div id="program-dayoutdoor" class="program-wrapper">
        CONTENT
    </div>
    <div id="program-daycamp" class="program-wrapper">
        CONTENT
    </div>
</div>

然后在你的css中你需要一个如下的样式

.rowWrapper {
    clear: both;
    height: WHATEVER_HEIGHT_YOU_NEED_PER_A_ROW
}

我不确定这会解决你的问题,但这是一个开始。这样做的目的是确保每当事情发生变化时,行不会试图将自己推到彼此之上。

另外,确保两个类上的大小相同,这显然会有影响。

希望能帮上忙,

大都市

编辑

好吧,我想我明白你的问题了。开始你的css有这些元素

body.page-slug-program div#program-daycamp {
    background-position:0 -141px;
    margin-left:-32px;
}

但是,悬停时左边的边距消失,背景位置=-390px-341px; 这意味着你的css必须在两者之间的某个地方被改变。