title: Cannot focus (click into) html input elements
body: <p>TL;DR click the link</p>
  
  <p>My input elements are on strike and refuse to work.  I've stripped this down to isolate the variables, and I've found a few things that fix the problem, but I know there's something else going on here...</p>
  
  <p><a href="http://jsfiddle.net/9PkYG/2/" rel="noreferrer">http://jsfiddle.net/9PkYG/2/</a></p>
  
  <p>HTML and CSS per SO guidelines:</p>
  
  <pre><code>&lt;div class="fl half"&gt;
      &lt;div class="input-wrap"&gt;
          &lt;input /&gt;
      &lt;/div&gt;
      &lt;div class="input-wrap"&gt;
          &lt;input /&gt;
      &lt;/div&gt;
      &lt;div class="clear"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="fr half"&gt;
      &lt;div class="input-wrap"&gt;
          &lt;input /&gt;
      &lt;/div&gt;
      &lt;div class="input-wrap"&gt;
          &lt;input /&gt;
      &lt;/div&gt;
      &lt;div class="clear"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="input-wrap"&gt;
      &lt;select&gt;
          &lt;option&gt;Select&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS: </p>
  
  <pre><code>.fl { float: left; }
  .fr { float: right; }
  
  .half { width: 50%; }
  
  input { border: 1px solid black; }
  
  .input-wrap { margin-bottom: 14px; position: relative; }
  
  .clear { clear: both; }
  </code></pre>