爲什麼圖標在ie6中移動到頂部？

Question

爲什麼圖標移動到頂部ie6
它在其他瀏覽器中顯示ok，但在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; 
}