innerHTML vs. appendChild

[zaphod1984]

guten tag,
was ist der konkrete unterschied zwischen folgenden varianten:

variante I:
parentBox.innerHTML = parentBox.innerHTML + '<div align="center">some Text</div>';

variante II:
var disc = document.createElement('div');
disc.align = 'center';
disc.innerHTML = 'someText';
parentBox.appendChild(disc);

ich WEIß was der unterschied zwischen den beiden möglichkeiten ist, rein prinzipiell, was ich aber nicht verstehe ist der unterschied in der verhaltensweise der browser!
(getestet in FF und IE, gleiches verhalten)

konkret passiert das folgende:
in parentBox existieren ein paar elemente (hauptsächlich divs) die dynamisch per appendChild hinzugefügt werden. bei einigen bildern wird außerdem onmouseover ausgewertet um zusatzinformationen anzuzeigen.
bei variante I werden diese events aber nicht gefeuert, bei variante II schon!

liegt es irgendwie daran dass nach dem setzen von innnerHTML der lokale DOM-tree neu aufgebaut werden muss, während er bei appendChild lediglich erweitert wird?
any ideas?
:)