Javascript HREF not working on IE

I have a piece of javascript code inserted in a .TPL(template file) file which I have used for Anchor link since the normal anchor code did not work on that file.
Following is the javascript and css used for that purpose.
Javascript :

<div id="rightbuy"><SCRIPT LANGUAGE="JavaScript">
  
      <!--
      document.write('<A HREF="' + location.href +'#ptable"> <img src="http://www.mydomain.com/skin1/images/buy-now.png" alt="FREE Shipping" title="FREE Shipping">');
      document.write('</A>');
      // -->
</SCRIPT>
</div>

Code (markup):

CSS -

#rightbuy{
    top:0px;
    right:0px;
    z-index:2000;
    position: fixed;
    float:right;
    top: 300px;
    margin-left:200px;
}

Code (markup):

The problem is it works perfect in FireFox with the link on that image. But in IE the image gets displayed on the right area but there is no link on that.
Not sure what is mistake there.. is there a hack for IE ???

Any help ?

Regards,
Anand

 

Why not just use <a href="#ptable"><img src="whatever.png" /></a>

Are you using Eric Meyer's reset.css? Or Dean Edwards' IE .js?

 

That did not work. I am using X-cart shopping script and the code I have used is on its template file .TPL The code that I have used works perfectly in FF but not in IE.
The css file is the default .CSS file from X-cart.