Меню не работает должным образом в IE7,6

[ermax]

Написал меню

$(document).ready(function(){

    $("a#menua").hover(
      function () {
        //alert('fsf');
        var img = $(this).find('img');
        $("#"+img[1]['id']).fadeIn(175, function () {
           $("#"+img[1]['id']).css("display", "");
        });
      },
      function () {
        var img = $(this).find('img');
        $("#"+img[1]['id']).fadeOut(175, function () {
           $("#"+img[1]['id']).css("display", "none");
        });
      }
    );

});

Само меню

<div class="menu">
            <ul>
                <li>
                   <a href="#" id="menua">
                      <img src="sys_file/design/menu.1.1.png" width="150" height="41" border="0" id="menu11" /><img src="sys_file/design/menu.1.2.png" width="150" height="41" border="0" id="menu12" style="display: none; margin-left: -150px;" />
                   </a>
                </li>
                <li>
                   <a href="#" id="menua">
                      <img src="sys_file/design/menu.2.1.png" width="140" height="41" border="0" id="menu21" /><img src="sys_file/design/menu.2.2.png" width="140" height="41" border="0" id="menu22" style="display: none; margin-left: -140px;" />
                   </a>
                </li>
                <li>
                   <a href="#" id="menua">
                      <img src="sys_file/design/menu.3.1.png" width="116" height="41" border="0" id="menu31" /><img src="sys_file/design/menu.3.2.png" width="116" height="41" border="0" id="menu32" style="display: none; margin-left: -116px;" />
                   </a>
                </li>
                <li>
                   <a href="#" id="menua">
                      <img src="sys_file/design/menu.4.1.png" width="103" height="41" border="0" id="menu41" /><img src="sys_file/design/menu.4.2.png" width="103" height="41" border="0" id="menu42" style="display: none; margin-left: -103px;" />
                   </a>
                </li>
            </ul>
        </div>

Помогите плиз, не понимаю почему ие не хочет нормально работать.
Причем срабатывает в ие только первая ссылка меню, отсальные несрабатывают.

[micscr]

Вот от этого:

$("#"+img[1]['id'])

избавляйтесь
img тут - коллекция и ее нужно использовать:

var img = $(this).find('img');
img.eq(i).fadeIn ...

[ermax]

Сделал

$(document).ready(function(){

    $("a#menua").hover(
      function () {
        //alert('fsf');
        var img = $(this).find('img');
        img.eq(1).fadeIn(175, function () {
           img.eq(1).css("display", "");
        });
      },
      function () {
        var img = $(this).find('img');
        img.eq(1).fadeOut(175, function () {
          img.eq(1).css("display", "none");
        });
      }
    );
});

Эффект такой же, в ff и других нормально
В IE 6,7 срабатывает только первая ссылка меню

[micscr]

В документе должен быть только один уникальный id.
Используйте классы:

<a href="#" class="menua">

И код:

$("a.menua").hover(

[ermax]

ололо, вот теперь работает...
БОЛЬШОЕ СПАСИБО!