title: Problem in chrome, HTML Form in div over a div
body: <p>I've got 3 div's on my page, one is the form which is last in the code and positioned ontop of the first 2 divs. In Google Chrome when I try click the form fields it wont let me unless I click the bottom bit of input boxes or the very top of radio buttons.</p>
  
  <p>I've confirmed the problem is with having divs behind it by removing the other 2 divs, and it worked fine after.</p>
  
  <p>Does anyone know how to fix this?</p>
  
  <p>Code:</p>
  
  <pre><code>&lt;div id="info_top"&gt;&lt;/div&gt;  
  &lt;div id="info_bottom"&gt;&lt;/div&gt;  
  &lt;div id="tabs"&gt;  
      &lt;ul&gt;  
          &lt;li&gt;&lt;a href="ahah_1.html" title="tabcontent"&gt;&lt;span&gt;tab1&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="ahah_2.html" title="tabcontent"&gt;&lt;span&gt;tab2&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="ahah_3.html" title="tabcontent"&gt;&lt;span&gt;tab3&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;  
      &lt;div id="tabcontent"&gt; ... &lt;/div&gt;  
  &lt;/div&gt;
  </code></pre>
  
  <p><code>info_top</code>, <code>info_bottom</code> and <code>tabs</code> have their positions set as absolute with the <code>tabs</code> div sitting over the other 2. The form gets loaded into the <code>tabcontent</code> div.</p>
  
  <p>Link: <a href="http://hintswen.com/tempstack/trunk/" rel="nofollow noreferrer">http://hintswen.com/tempstack/trunk/</a> use second link on that page to open it, the form is on the last tab (top row).</p>