Смена фона при наведении на список

[shpion]

Здравствуйте.

Есть меню:

<div>
<ul class="menu" id="verticalmenu">
<li id="item-102"><a href="/ru/about" >О Компании</a></li>
<li id="item-105" class="parent"><a href="/ru/uslugi-ru" >Услуги</a><ul>
<li id="item-107" class="parent"><a href="/ru/uslugi-ru/obshie-menu-ru" >Общие</a>
<ul>
   <li id="item-131"><a href="/ru/uslugi-ru/obshie-menu-ru/pcs-ru" >проектирование</a></li>
   <li id="item-132"><a href="/ru/uslugi-ru/obshie-menu-ru/ss-ru" >создание</a></li>
</ul></li>
<li id="item-108" class="parent"><a href="/ru/uslugi-ru/chastnie-menu-ru" >Частные</a>
<ul>
<li id="item-112"><a href="/ru/uslugi-ru/chastnie-menu-ru/consulting-ru" >консалтинг</a></li>
<li id="item-113"><a href="/ru/uslugi-ru/chastnie-menu-ru/vksu-ru" >управление</a></li>
</ul></li>
</ul>
</div>

Нужно, чтобы менялся фон у дива при наведении на пункт меню.
Делаю так:

<script type="text/javascript">
	document.getElementById('item-102').onmouseover = function () {	document.getElementById("middle_pos").style.backgroundImage = "url(/images/bg_v2.jpg)"; };
</script>

Не работает, ИЕ пишет, что "getElementById" возвращает нуль.
Что я делаю не так ?

 

[Rayled]

А зачем для этого скрипт? Почему бы не сделать все на CSS на основе этого материала, например - http://www.linkexchanger.su/2008/27.html

 

[tigra60]

Что я делаю не так ?

В вашем коде отсутствую костыли для этого милого творения дядюшки Билла. У MS своя модель событий. Проще всего - использовать jQuery.

И вообще, прислушайтесь к предыдущему совету.

 

[shpion]

Наверное, я не правильно сформулировал вопрос.

Проблема не с меню, с нем все нормально и фон активных элементов меняется/подсвечивается.

Мне нужно менять фон у родительского дива, а не у дочернего.
Т.е.
ul li { }
ul li:hover { }
Сделал и работает, а мне надо ...
Даже не знаю... в цсс нет условных операторов для обращения к свойству родительских элементов.

 

[AngelGabriel]

li:hover ИА не признает

как вариант это все запихнуть в контейнер например

div#conteiner > div:hover {
...
...
}


<div id='conteiner'>
<div>
  ....
</div>

</div>

решение далеко не кроссбраузерное

к свойству родительских элементов.

это я вот к чему написал