jquery - ie6-8中的jQuery动画问题

Question

我有以下jsfildde。

我得到了以下问题：

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

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

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

编辑： 我在其他网站上发现了与我类似的问题，这将有助于更好地解释我的问题。- 没有任何解决方案有效。

Answer 1

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

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

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

并正确放置。