Проблемы с выпадающим списком!

[chest]

Есть выпадающий список, вида:

<div class="side_rub">
    <div class="entry"> <a class="plus" href="#" onclick="return switchRub(this,'rub50')"></a> 
	<a href="" class="lst1">текст</a>
    </div> 
                <div class="rub_child" id="rub50"> 
					<a href="###" class="i">Текст</a>
					<a href="####" class="i">Текст</a>
                 </div>

Обработчик на jquery-1.5.1.js:

<script language="javascript"> 
var currub = "";
var temprub;
var maxrub = 99;
for(var i=0;i<maxrub;i++)
    if(temprub = document.getElementById("rub"+i))
        temprub.style.display = "none";
if(currub != "")
    document.getElementById("rub"+currub).style.display = "block";

function switchRub(button,rubid)
{
    if(button.className == "plus")
    {
        document.getElementById(rubid).style.display = "block";
        button.className = "minus";
    }
    else
    {
        document.getElementById(rubid).style.display = "none";      
        button.className = "plus";
    }
    return false;
}
</script>

и стили:

.side_rub div.entry .single {background:url('/img/arr1.gif') 0px 0px no-repeat;position:absolute;top:0px;left:0px;width:22px;height:18px}
.side_rub div.entry         {position:relative;
	font-family: tahoma;
	font-size: 14px;
	color: 2E6DB1;}
.side_rub div.entry .plus   {background:url('/img/arr1.gif') 0px 0px no-repeat;position:absolute;top:0px;left:0px;width:22px;height:18px;}
.side_rub div.entry .minus  {background:url('/img/arr2.gif') 0px 0px no-repeat;position:absolute;top:0px;left:0px;width:22px;height:18px;}
.side_rub a, .side_rub b    {display:block;padding-left:11px; color: 2E6DB1; font-weight:normal;}
.side_rub a                 {color: #2E6DB1;}
.side_rub .rub_child        {padding-left:27px;padding-bottom:3px;}
.side_rub .rub_child a      {font-weight:normal;padding-left:0px;}
.side_rub .rub_child b      {padding-left:0px;}
a.lst1:link, a.lst1:visited, a.lst1:active {
	padding-left: 27px;
	font-family: tahoma;
	font-size: 14px;
	color: 2E6DB1;
	text-decoration: underline;
}
a.lst1:hover {
	padding-left: 27px;
	font-family: tahoma;
	font-size: 14px;
	font-weight: normal;
	color: 042f5b;
	text-decoration: none;
}

Все отлично работает на ГуглХроме, Опере и Мозиле, а на Екслорере работать неправильно (ссылка на которой уже был пользователь как-то странно меняет свои свойства)

[psywalker]

Поменяйте порядок псевдоклассов с

a.lst1:link, a.lst1:visited, a.lst1:active {

}
a.lst1:hover {

На

[code]a.lst1:link, a.lst1:visited {

}
a.lst1:hover {}
a.lst1:active {}

Возможно это поможет.

[chest]

неа, не помогло... и по-моему мой порядок все-таки правильный..

вот это я гоню, адрес к класу не тот прописал))) все работает

[psywalker]

Порядок должен быть такой LoVe HAte, что означает link,visited,hover,active

[photograf]

Порядок должен быть такой LoVe HAte, что означает link,visited,hover,active

Правильно

http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes

a:link { color: red } /* unvisited links */

a:visited { color: blue } /* visited links */

a:hover { color: yellow } /* user hovers */

a:active { color: lime } /* active links */

Note that the A:hover must be placed after the A:link and A:visited rules, since otherwise the cascading rules will hide the 'color' property of the A:hover rule. Similarly, because A:active is placed after A:hover, the active color (lime) will apply when the user both activates and hovers over the A element.

Edited April 16, 2011 by photograf