jquery - ie6-8でのjQueryアニメーションの問題

Question

私は次のjsfilddeを持っています。

私は次のprobelmsを手に入れました：

1. ie6＆ie7：アニメーションが何らかの理由でバウンスしてい て、上部の要素の間にUNEEDED/UNWANTEDのマージンがあります。#awards（他のブラウザとの違いを比較してください。例：chrome）。
   

2. ie8：marginTopアニメーションが機能していません。しばらくテストして、背景の変更が問題の原因であると考えました（JavaScript領域のjsfiddleのコメントを参照してください）。

私はあなたの助けに感謝します。
ありがとう。

編集： 私は他のウェブサイトで私の問題と同様の問題を見つけました。これは私の問題をよりよく説明するのに役立ちます。-どのソリューションも機能しませんでした。

Answer 1

私が見つけた他のウェブサイトに基づいて、マージンが崩壊し、代わりに ie8 で問題を修正するためにパディングを使用したと考えました。

ie6-7 の問題を修正するために、micro-clearfix を使用しました。

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

そして正しく配置しました。