아이콘이 ie6에서 맨 위로 이동 한 이유는 무엇입니까?

Question

ie6에서 아이콘이 위로 이동했습니다
다른 브라우저에서는 정상적으로 표시되지만 ie6에는 표시되지 않습니다. 무슨 일이 있었는지
이 문제를 해결하는 방법은 무엇입니까?
그리고 내 데모에서 보여준 코드의 더 나은 구조를 작성하는 방법을 알려줄 수 있습니까?
데모 : http://linjuming.pydra.org/leb/ie6_cw/index.html

Answer 1

이 display: inline-block; 대신

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