Проблема c IE: смена класса у элемента

[a3.work]

Добрый день.

Имеется следующая вёрстка и css:

<style>
                .menu_line { display:inline; padding: 3px 5px;}
                    .menu_line  a.sign, .menu_line  a.sign:active, .menu_line  a.sign:link, .menu_line  a.sign:hover, .menu_line  a.sign:visited {text-decoration:none}
                    .menu_line  a.txt, .menu_line  a.sign:active, .menu_line  a.txt:link, .menu_line  a.txt:hover, .menu_line  a.txt:visited {font-size:12px; color:#555555; text-decoration:none}
                    .menu_line span {display:none}
                .checked {background:#FF7800;}
                    .open span, .close span {display:inline; background-position:0px 1px; background-repeat:no-repeat;}
                    .open span {background-image:url('img/cross_gray.jpg')}
                    .close span {background-image:url('img/minus_gray.jpg')}
                    .checked.open span {background-image:url('img/cross_orange.jpg')}
                    .checked.close span {background-image:url('img/minus_orange.jpg')}
                    .checked a.txt, .checked a.sign:active, .checked a.txt:link, .checked a.txt:hover, .checked a.txt:visited {color:#FFF;}

</style>

<div class="menu_line checked close">
     <a href="" class="sign"><span>   </span></a>
     <a href="" class="txt">надпись</a>
</div>

<div class="menu_line checked close">
     <a href="" class="sign"><span>   </span></a>
     <a href="" class="txt">надпись</a>
</div>

Задача:

Сделать элемент древовидной структуры, похожей на аналогичный из "проводника" виндов, отличающийся от названного наличием 2-х "параметров состояния": цвета фона надписи и маркера слева от надписи (плюс или минус, выполнены изображениями). Проблема состоит в том, что цвета маркера меняются в зависимости от цвета фона всего элемента, т.е. картинки в бэкграунде надо менять во время смены цвета.

Условие:

Хотелось бы решить задачу так, чтобы для смены состояния нужно было только изменить класс(ы) родительского дива - без смены классов других элементов и, естественно, без выноса картинок в тэг img, поставленный вместо span.

Решение:

Приведенный выше код решает задачу для всех браузеров кроме, естественно, экспорера (win, IE8) - он не желает менять фоновую картинку при удалении фона (удалении класса checked в диве)

Вопрос:

Как пофиксить, желательно без написания 4-х классов фон+плюс, фон+минус, без_фона+плюс, без_фона+минус?

Заранее спасибо.

[psywalker]

Дай ссылку на нерабочий пример.+ скриншоты, один тот, что хочешь получить в итоге, другой самой проблемы, которая щас возникла.

[a3.work]

Дай ссылку на нерабочий пример.+ скриншоты, один тот, что хочешь получить в итоге, другой самой проблемы, которая щас возникла.

http://clubpr.spb.ru/example/

При клике на "надпись" в IE не меняется картинка-значок (плюс или минус). В Opera и Mozilla всё работает.

Edited June 1, 2010 by a3.work

[psywalker]

http://clubpr.spb.ru/example/

При клике на "надпись" в IE не меняется картинка-значок (плюс или минус). В Opera и Mozilla всё работает.

У меня в ИЕ всё работает.