title: Setting height: 100% on my label element doesn't work
body: <p>I tried to set <code>height: 100%;</code> in the label, but it didn't work. Why not?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.field label {
      color:#3E3E3E;
      font-weight:bold;
      width:80px;
      display:block;
      float:left;
      margin-top:5px;
      margin-left:3px;
      height:100%; /* &lt;-- doesn't work */
  }
  .field {
      display:block;
      margin-bottom:9px;
      background:none;
      border:none;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="field large"&gt;
      &lt;label&gt;Textarea&lt;/label&gt;
      &lt;textarea&gt;&lt;/textarea&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>