title: IE extra space above inline-block/text-top (transitional doctype)
body: <p>I get an extra space above the below textarea, but only in ie. How to fix it?</p>
  
  <pre><code>&lt;div class="field"&gt;
      &lt;label&gt;Info&lt;/label&gt;&lt;textarea cols="40" rows="4"&gt;&lt;/textarea&gt;
  &lt;/div&gt;
  
  
  .field {
       margin: 0px;
       margin-top: 2px;
  }
  
  label {
       display: inline-block;
       width: 5em;
       margin-right: 0.5em;
  }
  
  textarea {
       display: inline-block;
       width: 22em;
       vertical-align: text-top;
  }
  </code></pre>
  
  <p>If I put a whitespace between label and textarea tags the space disappears. But then I get a horizontal extra space between them.</p>
  
  <p>Edit:
  I found, the problem appears with doctype - transitional. With strict everithing is ok. Is there a way, to fix it with transtional?</p>