title: Can't enter text in a textarea
body: <p>I cannot enter text in the message section. It will not let me click and type. The name, email and anti-spam sections work fine, only the textarea doesn't. I've googled and found no solution in regards to HTML textarea tag.</p>
  
  <pre><code>&lt;form method="post" action="email.php"&gt;
      &lt;label&gt;Name&lt;/label&gt;
      &lt;input name="name" placeholder="Type Here"&gt;
      &lt;label&gt;Email&lt;/label&gt;
      &lt;input name="email" type="email" placeholder="Type Here"&gt;
  
      //this is the problem 
      &lt;label&gt;Message&lt;/label&gt;
      &lt;textarea name="message" placeholder="Type Here"&gt;&lt;/textarea&gt;
      &lt;label&gt;*What is 2+2? (Anti-spam)&lt;/label&gt;
      &lt;input name="human" placeholder="Type Here"&gt;
      &lt;input id="submit" name="submit" type="submit" value="Submit"&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>This is my CSS:</p>
  
  <pre><code>.contact-form input[type=text],
  .contact-form input[type=password],
  .contact-form input[type=email],
  .contact-form textarea,
  .contact-form input[type=file] {
      display: inline-block;
      float: left;
      padding: 12px 15px;
      width: 100%;
      border: 0;
      border: 1px #DFDFDF solid;
      background: #fff;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
  }
  
  .contact-form textarea {
      clear: both;
      width: 100%;
      height: 180px;
      resize: none;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/6L27ykzd/1/" rel="noreferrer">Fiddle</a></p>