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

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

HTML:

1. <td id="id" onMouseOver="Light1 ()" onMouseOut="UnLight1 ()"></td>

[js]
function Light1 ()
{
id.style.backgroundColor='F5EEF0';
var txt_alert = 'Удалить этот телефон?';
document.getElementById('id').innerHTML = '<a href="#" onClick="return confirm(txt_alert);"><img src="../pic.gif" onMouseOver="Light1 ()"></a>';
}

function UnLight1 ()
{
id.style.backgroundColor='EFE4E6';
document.getElementById('id').innerHTML = "";
}
[/js]

Собственно не срабатывает вот этот код:
onClick="return confirm(txt_alert)

Нетреакции изображения на нажатие

 

При наведении на объект срабатывает onMouseOver="Light1 ()" который меняет фон и добавляет код в ячейку на которой мы навелись, в добавляемом коде указано изображение которое работает как кнопка, и вот кнопка не нажимается...

 

не подскажешь как по наведению на объект вставить в код кнопку-изображение которое будет потом нажиматься?

 

Разобрался! Выкрутился при помощи display='none'