Выпадающе меню. Не могу в яваскрипте переопределить стили

[Nicca]

Выпадающе меню. Не могу в яваскрипте переопределить стили

Стили меню:

#hor_menu	{	height:30px; background:#339900; padding:0px; margin-top:0px; padding-left:2px; font-family: Tahoma;	}
#hor_menu ul { margin: 0; padding: 0; list-style: none; }
#hor_menu li { display:inline; margin:0px 2px 0px 2px;  }
#hor_menu a {  font-family:Tahoma; float:left; background:url("2/images/menu_l.gif") no-repeat left bottom; padding:10px 0px 0px 2px; margin-right:2px; text-decoration:none; cursor:pointer; }

#hor_menu a span { font-family:Tahoma;  float:left; display:block; height:13px; background:url("2/images/menu_r.gif") no-repeat right top; padding: 2px 8px 5px 6px; padding: 2px 6px 5px 4px !ie;  color:#FFF; font-weight:bold   }

<div id="hor_menu">
  <ul id="mainItems">
    <li><a href="{$SITE_URL}/" class="mainInactive"><span>Главная</span></a></li>
    <li><a href="{$SITE_URL}/news/" class="mainInactive"><span>Новости</span></a></li>
    <li><a href="" class="mainInactive" ><span>Каталог</span></a></li>
  </ul>
</div>

В яваскрипте меняю стили для ссылки:

mItems[this.w].getElementsByTagName('a').style.background="url(2/images/menu_l_h.gif) no-repeat left bottom";

Как переопределить стиль для <span> который внутри ссылки <a>
Пробовал так:

mItems[this.w].getElementsByTagName('span').style.background="url(2/images/menu_r_h.gif) no-repeat left bottom";

Но что-то не получается..

 

[Mr_Max]

[telepat_mode]
а hover что не канает?
[/telepat_mode]

 

[Nicca]

Просто у меня еще там выпадающее меню и реализация hover с небольшой задержкой

 

[Mr_Max]

ясн.
и на гугле, насколько понимаю, ты забанен.
google:// javascript backgroundImage property

 

[rotoZOOM]

Nicca посмотри внимательно, что возвращает метод getElementsByTagName.