Hide cursor in textbox
<p>I placed two textboxes at the same position of the web page using z-index.</p>

<p>When page is loaded, the cursor will focus in the enabled textbox that is located under the disabled textbox.</p>

<p>Firefox shows only the disabled textbox and doesn't show the cursor.</p>

<p>My problem is that IE shows both disabled textbox and the cursor in the enabled textbox.</p>

<p>I want to show only the disabled textbox in my webpage.
Is there any way to hide the cursor in IE?</p>

<p>It is sample coding...</p>

<pre><code>&lt;script&gt;

   function FocusOnInput(){
       document.getElementById("hidden").focus();
    }

    function show(field){
        var value = field.value;
        alert(value);
    }

&lt;/script&gt;

&lt;body onload="FocusOnInput()"&gt;
    &lt;div&gt;
      &lt;input type="text" id="securityNo"
         name="txtsecurityNo" value=""
         size="30" style="position: absolute;z-index: 0" 
                 disabled="disabled"/&gt;

      &lt;input type="text" id="hidden"
         name="txthidden" value=""                      
         onchange="show(this);" style="left: 0px;z-index: -1;"/&gt;        
     &lt;/div&gt;
&lt;/body&gt;
</code></pre>
