ajax closing image is not working on firebox while it is working in chrome
<p>closing image close2.jpg,close1.jpg is not working in firebox. while it is working on google chrome and in ie  url is www.srfads.com -->home page-->finds ads in india--> click on change </p>

<hr>

<h2>my js file is</h2>

<pre><code>enter code here
function show(id,x,y)
{
    var element = document.getElementById(id);
    //var exit_element = document.getElementById(exit_id);
    var width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth;
    if(width == 0)
    {
        width = 1280;
    }
    var height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight;
    if(height == 0)
    {
        height = 786;
    }
    element.style.position = "absolute";
    element.style.display = "block";

    element.style.left = (document.documentElement.scrollLeft + (width - element.clientWidth)/2 + x) + 'px';
    element.style.top = (document.documentElement.scrollTop + (height - element.clientHeight)/2 + y) + 'px';

    var xmlhttpobject = new XMLHttpRequest();
    xmlhttpobject.open("GET","sct.php",true);
    xmlhttpobject.send();
    xmlhttpobject.onreadystatechange = function ()
    {
        if(xmlhttpobject.readyState == 4 &amp;&amp; xmlhttpobject.status == 200)
        {
            document.getElementById('shct').innerHTML = xmlhttpobject.responseText;
        }
    }
}
</code></pre>

<h2>my php page is</h2>

<p>change</p>

<pre><code>                        &lt;div id="showcity" style="display:none;border:8px solid rgb(120,120,120); border-radius:8px;"&gt;
                            &lt;table style="background:white;"&gt;
                            &lt;tr&gt;
                                &lt;td style="text-align: left;padding: 10px; width:300px; height:20px;border-bottom:1px solid;"&gt;Select a City&lt;/td&gt;
                                &lt;td style="text-align: right;padding: 10px; width:300px; height:20px;border-bottom:1px solid;"&gt;
                                &lt;div id="clsdiv1" style="display: block;"&gt;&lt;img src="img\close2.jpg" id="close1" onmouseover="show1()" /&gt;&lt;/div&gt;
                                &lt;div id="clsdiv2" style="display: none;"&gt;&lt;img src="img\close1.jpg" id="close2" onmouseout="show2()" onclick="popupexit('showcity')" /&gt;&lt;/div&gt;
                                &lt;/td&gt;
                            &lt;/tr&gt;
                            &lt;tr&gt;
                                &lt;td colspan="2" style="height:200px;"&gt;
                                &lt;div id="shct"&gt;&lt;/div&gt;
                                &lt;/td&gt;
                            &lt;/tr&gt;
                            &lt;/table&gt;
                        &lt;/div&gt;
</code></pre>
