Изображение 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; это проблема.

См. Этот аналогичный вопрос для получения дополнительной информации: Фоновое изображение CSS не отображается только в IE7

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