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;
}