title: Input won't Let Me Input Anything
body: <p>I have this div that is <code>absolute-positioned</code> under a <code>fixed</code> div. I then tried to insert a form with an <code>&lt;input&gt;</code> in it, and it won't let me input anything.</p>
  
  <pre><code>#navbar {
      width: 100%;
      padding: 30px;
      position: fixed;
      background-color: #0066CC;
      box-shadow:  0px 10px 40px 3px rgba(0, 0, 0, 0.5);
      -moz-box-shadow:  0px 10px 40px 3px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow:  0px 10px 40px 3px rgba(0, 0, 0, 0.5);
  }
  
  #main_index {
      left: 8%;
      right: 8%;
      width: 85%;
      top: 300px;
      z-index: -1;
      min-height: 100px;
      position: absolute;
      border: 1px solid #CCCCCC;
      background-color: #FFFFFF;
  }
  
  &lt;div id="navbar"&gt;&lt;center&gt;&lt;b&gt;NAVBAR&lt;/b&gt;&lt;/center&gt;&lt;/div&gt;
  
  &lt;div id="main_index"&gt;
      &lt;div id="index_login"&gt;
          &lt;form action="login" method="post"&gt;
              &lt;input type="text" required="required" name="username"&gt;
              &lt;br /&gt;
              &lt;input type="password" required="required" name="password"&gt;
          &lt;/form&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>