ie6-8中的jQuery动画问题

Question

我有以下jsfildde。

我得到了以下问题：

1. ie6 & ie7：动画由于某种原因正在弹跳，并且有 UNEEDED/UNWANTED 在#awards 与上部元素之间的边距。 （比较其他浏览器的差异，例如：chrome）。
   

2. ie8：marginTop 动画不起作用，我测试了一段时间，发现是背景更改导致了问题（查看 jsfiddle 中的注释，在 JavaScript 区域）。

我会感谢你的帮助。
谢谢。

编辑： 我在other website 中发现了与我类似的问题，这将有助于更好地解释我的问题。 - 没有任何解决方案奏效。

Answer 1

根据我找到的另一个网站，我认为边距折叠了，为了解决 ie8 中的问题，改用了填充。

为了修复 ie6-7 中的问题，我使用了 micro-clearfix：

.clear:before, .clear:after{content:"";display:table;}
.clear:after{clear:both;}
.clear{zoom:1;}

并正确放置。