Javascript-форум - Проблема с маркером

Всем доброго дня!

Возникла проблема. В общем приведенный ниже скрипт корректо работает в IE и Мозиле, но в Опере при раскрытии списка почему то неправильно меяется маркер(на стандартный, а не "minus.gif") При закрытии списка все нормально работает.

Подскажите в чем проблема?

Код:

<script language="javascript">

function changeDisplay(id)

{

  var ul = document.getElementById('ul' + id).style;

  var li = document.getElementById('li' + id).style;

  if ( ul.display == 'none' )

  {

    ul.display = 'block';

    li.listStyleImage = "url('minus.gif')";

  }

  else

  {

    ul.display = 'none';

    li.listStyleImage = "url('plus.gif')";

  }

}

</script>

</head>





<body>

<ul id="ul12">

                <li id="li1" style="list-style-image: url('plus.gif');"><a href="javascript: changeDisplay(1);">Вакансия 1</a></li>

                <ul id="ul1" style="display: none;">

                        Тут идет большое пребольшое описание вакансии, зарплата, условия и т.д.

                </ul>

</ul>

<ul id="ul13">

                <li id="li2" style="list-style-image: url('plus.gif');"><a href="javascript: changeDisplay(2);">Вакансия 2</a></li>

                <ul id="ul2" style="display: none;">

                        Хорошая вакансия

                </ul>

</ul>

<ul id="ul14">

                <li id='li3' style="list-style-image: url('plus.gif');"><a href="javascript: changeDisplay(3);">Вакансия 3</a></li>

                <ul id='ul3' style="display: none;">

                        Бла-бла-бла

                </ul>

</ul>

</body>

</html>