Div错误。只是漂浮在它不应该的地方

Question

好吧，昨天我发布了一个关于网格错误的文章，但是现在当我尝试在网格方块之后放置一个div时。他们的CSS是：

但是看到这里的所有代码：http://jsfiddle.net/W2tBa/1/

我想，但页脚扩展为标题是ASLO有3px的的顶部的缓冲。另外jsfiddle显示正确，所以我不知道发生了什么事。

出于某种原因，jsfiddle工作，但在我的电脑上，它不是。我在我的MacBook上运行XAMPP。我会尽快尝试，看看我的网站上会发生什么。看到这是我的网站在这里相同：http://harrisonbh.com/new/它仍然无法正常工作。

//Ignore this StackOverflow is making me put this here 

Answer 1

在footer DIV使用clear: both修复它。