title: Form Fields not working on firefox when inside a div
body: <p>ok well the title says it all "Form Fields not working on firefox when inside a div" basically you cant use the field, you cant type in it, you cant select in it. if I use a select box you cant select the options.</p>
  
  <p>if i move the form field out side of ANY div it works.</p>
  
  <p>heres my code</p>
  
  <pre><code>        &lt;form action="" method="post"&gt;
              &lt;div class="optionsbox" id="settings"&gt;
                      &lt;div class="optionitem"&gt;Google Analytics
                          &lt;div style="float:right;"&gt;
                              &lt;input type="text" id="googleanalytics" name="googleanalytics" size="10"/&gt;
                          &lt;/div&gt;
                   &lt;/div&gt;
               &lt;/div&gt;
          &lt;/form&gt;
  </code></pre>
  
  <p>this is only happening in Firefox, all other browsers I have tried work fine. oh and I would like to point out there is no jquery/javascript onclick or other functions attached to this form or the divs.</p>
  
  <p>anyone able to help answer this one? it's doing my head in.</p>
  
  <p>and just so you know, I have tried 7 different machines, so its not my browser, so clearing the cache or resetting firefox will not work.</p>
  
  <hr>
  
  <p>I found the issue, inside a .js file was the following line</p>
  
  <pre><code>$("div").disableSelection();
  </code></pre>
  
  <p>this was in a completely unrelated script and for some reason only effected the divs when loaded in firefox and nothing else.</p>
  
  <p>thank you for the responses I have had so far. I will leave this here for others who come across the same problem.</p>