インラインブロックを使用しているcss ie6 sprities画像が表示されない

Question

ie6のインラインブロックを使用すると画像が表示されません。

.img { 
    width: 16px; 
    height: 16px; 
    background-image:url(../sprites-8.png); 
    background-repeat:no-repeat; 
    background-position:0 0; 
    text-indent:-7000px; 
    overflow:hidden; 
    display: inline-block; 
    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ 
    *display: inline; 
} 

Answer 1

text-indent:-7000px;が問題です。ずっと何didntの助けBackground CSS image no showing in IE7 only

Answer 2

*display: inlineを別の定義ブロックに入れます。

.img { 
    width: 16px; 
    height: 16px; 
    background-image:url(../sprites-8.png); 
    background-repeat:no-repeat; 
    background-position:0 0; 
    text-indent:-7000px; 
    overflow:hidden; 
    display: inline-block; 
    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ 
} 
.img { 
    *display: inline; 
}