IE7 Изображение загружено из класса ошибка

Question

Проблемы с IE7 и изображениями ... Мой CSS

.dot-preview {
    background: url("../images/bola02.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 12px;
    margin: 3px;
    width: 13px;
}

.navi-active .dot-preview {
    background: url("../images/bola01.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 12px;
    margin: 3px;
    width: 13px;
}

Мой HTML

<ul>
  <li> <a href="javascript:void(0);" class="navi"><span class="navbar-img"><img class="dot-preview"></span></a></li>
  <li> <a href="javascript:void(0);" class="navi-active"><span class="navbar-img"><img class="dot-preview"></span></a></li>
</ul>

Веб-сайт: http://di20studios.com/argento/

И проблема в том,слева, над слайд-шоу.

Спасибо за помощь!

Answer 1

Ну, насколько я понимаю, ваша проблема существует в IE7 и меньше только.Если да, то ответ прост: IE7 и менее не поддерживают прозрачные изображения.Попробуйте это: http://www.twinhelix.com/css/iepngfix/

Удачи