title: html input tags in hidden div are disabled when the div is displayed
body: <pre><code>&lt;div id="divOut" class="section" style="display:none"&gt;
      &lt;div id="divIn" class="section" style="display:none"&gt;
          .. textboxes and dropdown
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have divIn inside divOut. 
  Inside divIn, i have textboxes and dropdown. </p>
  
  <p>Initially these are hidden. when i display the div.. the textboxes are visible but they are disabled in Mozilla. i cannot click with a mouse. I am using below to display the div tags.</p>
  
  <pre><code>document.getElementById("divOut").style.display ="block";
  document.getElementById("divIn").style.display ="block";
  </code></pre>
  
  <p>I tried several ways to set the disable flag to false - didnt help. I also noticed in Firebug .. the disable flag is false. but still, the entire div section is disabled. this works on IE. but does not work on Mozilla or Chrome</p>