i have an xslt file and i need to call a javascript function to reset the left position of some images. but i can't figure out how to call the javascript function.

i have this DIV:

<div id='{$pProductID}' style='display: none; position: absolute; left: 60px; top: 115px; border: solid black 1px; padding: 10px; background-color: rgb(255,255,225); text-align: justify; font-size: 12px; width: 225px; float: left;'>

what i'd LIKE to do, is call a javascript function in place of the hard coded "left: 60px;"

in my xslt file i can create a link and have it call a javascript. the javascript is designed to alert out the x-position of the mouse cursor. i took this code off of the internet and it works. but using it on the xslt page doesn't work. i can see that the function is being called because i have an initial alert. but nothing happens after that. here is my script:

first alert fires - alerts hi1 and hi2 do not and no error is generated:

<script type="text/javascript">
function getmouseposition(e) {
hi");
    var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    if (e.pageX || e.pageY)     {
hi1");
        posx = e.pageX;
        posy = e.pageY;
    }
    else if (e.clientX || e.clientY)     {
  hi2");

        posx = e.clientX + document.body.scrollLeft
            + document.documentElement.scrollLeft;
        posy = e.clientY + document.body.scrollTop
            + document.documentElement.scrollTop;
    }
 
}
</script>