Virker ikke i IE og Safari

Jeg har nedenstående kode der virker fint i Firefox, men, desværre, skal det også tilpasses Internet Explore, Safari og Chrome. Problemet er, at den ikke vil vise teksten ($row[navn]), da den laver symbolet for "filen kan ikke læses" - jeg går ud fra, at det er fordi det er en img kode, men da den virker i FF må det jo også kunne tilpasses de andre browsere :)

Billedet ved moueover virker fint ved alle.

Nogen der kan hjælpe mig med dette problem? :D



<script type="text/javascript">

function ShowBigImage(image) {

    var BigImage = document.getElementById("BigImage");

    BigImage.setAttribute("src",image);

}

function MoveBigImage(x, y) {

    var BigImage = document.getElementById("BigImage");

    BigImage.style.display = "block";

    BigImage.style.left = (x+15) + "px";

    BigImage.style.top = (y+15) + "px";

}

function HideBigImage() {

    document.getElementById("BigImage").style.display = "none";

}

</script>

<style type="text/css">
#BigImage{
    display:none;
    position:absolute;
    width:100px;
    height:100px;
    border:1px solid #000;
}
</style>




    <img id="BigImage" alt="Stort billede" src="">

    <a href="<img src="billede1.png" onmouseover="ShowBigImage('<?=$row[billede]?>')" onmousemove="MoveBigImage(event.clientX, event.clientY)" onmouseout="HideBigImage()">