Explorer reagerer ikke på link i billede m. javascript

Jeg har leget med Javascript og knyttet script til et billede som bevæget sig ved Mouseover, jeg har samtidig gjort det til et link med den klassiske <a href=> Men man kan kun klikke på billedet og følge linket i FIREFOX og ikke i EXPLORER! Det er da mærkeligt, kan I se hvad der er galt?

Billedet:
<a href="kridtettaler.html"><div style="position:absolute;top:100px;left:30px"> <img src="before.jpg" hsrc="after.jpg""border="0"></a>

JavaScriptet:
}
/****************************************************
* DOM Image rollover:
* by Chris Poole
* http://chrispoole.com
* Script featured on http://www.dynamicdrive.com
* Keep this notice intact to use it :-)
****************************************************/
function init2() {
if (!document.getElementById) return
var imgOriginSrc;
var imgTemp = new Array();
var imgarr = document.getElementsByTagName('img');
for (var i = 0; i < imgarr.length; i++) {
if (imgarr[i].getAttribute('hsrc')) {
imgTemp[i] = new Image();
imgTemp[i].src = imgarr[i].getAttribute('hsrc');
imgarr[i].onmouseover = function() {
imgOriginSrc = this.getAttribute('src');
this.setAttribute('src',this.getAttribute('hsrc'))
}
imgarr[i].onmouseout = function() {
this.setAttribute('src',imgOriginSrc)
}
}
}
}
</script>

Glæder mig til at høre jeres forslag!
Mvh
CK