在IE 7和8中，Div布局不正常

Question

我遇到了一个奇怪的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 ??
}
}

我不明白的是：在我发现碰撞后如何将页脚向下推？