Несколько последовательных transition
 

Здравствуйте.
Столкнулся с весьма специфическим глюком js или моей головы )
Для запуска неких действий после 2-х последовательных анимаций извратился вот так:

function () {
	img.className = ""; // это начинает первую анимацию
	img.addEventListener("transitionend", EL1, false);
	function EL1() {
		img.removeEventListener("transitionend", EL1);
		Show(nxi); 
	}
}

function Show(pos) {    // Эта ф-ция запускается, когда первая анимация закончилась
	box.className = 'G_box_on'; // Включение следующей анимации
	box.addEventListener("transitionend", EL2, false);
	function EL2(e) {
		alert(e.target.id); // Здесь браузер выдает айдишник img'а а не box'а
		box.removeEventListener("transitionend", EL2);
	}
}

Собственно, проблема как раз в том, что обработчик события повешенного на box срабатывает при transitionend от img. Как так может быть? При том, что типы транзишынов для img и box разные.

Действительно, img у меня вложен в box.
Спасибо.