выделенный пукт вертикального меню в IE6

[orgi]

Добрый день!

Столкнулась с такой проблемой: есть вертикальное меню с галочкой напротив выбранного (меню 2х уровневое).

везде все ок, но вот в эксплорере 6 галочка отображается везде:

Помогите пожалуйста советом, как это можно исправить, и можно ли! Буду очень благодарна.

исходный код HTML

<td class="leftmenu">
                                    <ul>
                                        <li class="a"><a href="connectors.html">Соединители</a><br/><hr class="menu" />
                                        <ul id="leftmenu1">
                                        <li><a href="high_voltage.html">Высоковольтные</a></li>
                                        <li><a href="rack_connectors.html">Рэковые</a></li>
                                        <li><a href="fork_plug.html">Вилочные</a></li>
                                        <li><a href="mini.html">Миниатюрные</a></li>
                                        <li><a href="multipin.html">Многоштырьковые</a></li>
                                        <li><a href="modular.html">Модульные</a></li>
                                        <li><a href="coax.html">Коаксиальные</a></li>
                                        <li><a href="med.html">Для медицины</a></li>
                                        <li><a href="jumpers.html">Перемычки</a></li>
                                        <li><a href="clips.html">Зажимы</a></li>
                                        <li><a href="clamps.html">Струбцины, зажимы для шин</a></li>
                                        <li><a href="tm_connectors.html">Для измерительной техники</a></li>
                                        <li><a href="bnc.html">BNC</a></li>
                                        </ul></li>
                                        <li><a href="probes.html">Щупы</a><br/><hr class="menu" /></li>
                                        <li><a href="tapes.html">Контактная лента</a><br/><hr class="menu" /></li>

                                    </ul> 
                                </td>

исходный код CSS

.leftmenu ul {
    margin: 0;
    padding: 10px 0px 5px 19px;
    list-style-type: none;
}

#leftmenu1
{
 margin: 0;
    padding: 3px 2px 3px 18px; 
    list-style-type: none;
    line-height: 10px;
}

.leftmenu li 
{
text-decoration:none;
color:#33FF99;
list-style:none;

}
.leftmenu li.a
{
text-decoration:none;
color:#33FF99;
list-style:circle url(../images/arrow_right1.png);

}
.leftmenu li a {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #306498;
    line-height: 20px;
    text-decoration: none;
}

.leftmenu li a:hover {
    color: #000;
    text-decoration: none;
}
.leftmenu li.a a:hover
{
    color:#000000;

}

Исходный код для IE6 CSS

.leftmenu ul li a {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #306498;
    line-height: 10px;
    text-decoration: none;
}
#leftmenu1
{
 margin: 0;
    padding: 3px 2px 10px 18px;
    list-style-type: none;
	line-height: 18px;
}
.leftmenu li 
{
text-decoration:none;
color:#33FF99;
list-style:none; 
list-style-type: none; 
}
.leftmenu li.a
{
text-decoration:none;
color:#33FF99;
list-style:circle url(../images/arrow_right1.gif);

}

[swetlana]

у IE просто весьма своеобразные взгляды на обработку list-style.

Если он где-то в коде увидел заданный list-style, то убедить его для других элементов переопределить на отсутствие оного проблематично.

Варианты: либо использовать background, либо забыть про безнадёжно устаревшего ослика.

[orgi]

  swetlana said:

Варианты: либо использовать background, либо забыть про безнадёжно устаревшего ослика.

спасибо большое. я бы тоже и не думала туда смотреть, но вот надо под него настроить(((

с бг конечно сложно будет О_о

[swetlana]

А в чём сложности? Вроде код достаточно простой, без лишних наворотов (хотя я бы ещё проще сделала).

Для li.a фоновый рисунок, который сейчас для list-style используется — и все дела.

[orgi]

  swetlana said:

А в чём сложности? Вроде код достаточно простой, без лишних наворотов (хотя я бы ещё проще сделала).

Для li.a фоновый рисунок, который сейчас для list-style используется — и все дела.

я пробовала делать фоновым рисунком, но он оказывается прям за надписью, а как сделать так чтобы он отодвинулся влево не поняла((

[psywalker]

  orgi said:

я пробовала делать фоновым рисунком, но он оказывается прям за надписью, а как сделать так чтобы он отодвинулся влево не поняла((

Паддинги левые поставь

[Vlad]

li li { list-style-image: none !important; }

[orgi]

  Vlad said:

li li { list-style-image: none !important; }

а я пробовала с !important, но он его так же игнорирует((

кстати, сколько раз пробовала его использовать никогда не давало результатов

[psywalker]

http://forum.htmlbook.ru/index.php?s=&...st&p=182044

[orgi]

  psywalker said:

Паддинги левые поставь

спасибо большое , решила проблему именно этим способ, отказавшись от лист стайл полностью!

[psywalker]

  orgi said:

спасибо большое , решила проблему именно этим способ, отказавшись от лист стайл полностью!

Правильно. Сразу надо было так сделать.