为什么图标在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;
}