html - ie6でアイコンが上に移動するのはなぜですか?

Question

ie6 でアイコンが上部に移動するのはなぜですか?
他のブラウザーでは問題なく表示されますが、ie6 では表示されません
。この問題を解決するにはどうすればよいですか?
デモに表示されたコードのより良い構造を書く方法を誰か教えてもらえますか?
デモ: http://linjuming.pydra.org/leb/ie6_cw/index.html

Answer 1

display: inline-block;の代わりに使用してみてくださいdisplay: inline;

.summary .grade_world {
    display: inline-block; <------- Here
    float: left;  <------ You don't need this
    background: url(grade_world.png) no-repeat scroll 0 0 transparent;
    height: 19px;
    width: 82px;
    position: relative; 
    top: 3px;
}