我有一个奇怪的 div 布局问题。我有一个footer div 。页脚在 mozilla 中正常工作，在 IE 7 和 8 中，它出现在primary-content布局中。
找到下面的屏幕截图：
我通过谷歌搜索看到了所有常用的解决方案，但没有任何效果。
有人可以建议如何解决这个奇怪的问题吗？
编辑：
我在div-collision-detection这里雇用这样的人：
//Detecting div collision
var class1 = '';
var class2 = '';
//primary
var cTop = jQuery('#primary').offset().top;
var cLeft = jQuery('#primary').offset().top;
var cBottom = jQuery("#primary").offset().top + jQuery("#primary").height();
var cRight = jQuery("#primary").offset().left + jQuery("#primary").width();
var cHeight = jQuery("#primary").height();
//myFooter
var fTop = jQuery('#myFooter').offset().top;
var fLeft = jQuery('#myFooter').offset().top;
var fBottom = jQuery("#myFooter").offset().top + jQuery("#myFooter").height();
var fRight = jQuery("#myFooter").offset().left + jQuery("#myFooter").width();
var fHeight = jQuery("#myFooter").height();
var divs = [
{class1:'#primary', top:cTop, left:cLeft, height:cHeight},
{class2:'#myFooter', top:fTop, left:fLeft, height:fHeight}
];
for (var i=0; i < divs.length - 1; i++)
for (var j=i+1; j < divs.length; j++)
{
var I=divs[i];
var J=divs[j];
if ( (I.top <= J.top && (I.top + I.height) >= J.top) ||
(J.top <= I.top && (J.top + J.height) >= I.top) ){
alert(I.class1 + " collides with " + J.class2);
//What to do here ??
}
}
我不明白的是：检测到碰撞后如何将页脚向下推？