title: Space appears above form (in Chrome only)
body: <p>I've got a form, which has a legend and a set of fields.  I'm using Bootstrap 2.x to style it.  For some reason, space appears above the form, but in Chrome only (it renders fine in IE10 and Firefox).  I've pared it back to just the basics to demonstrate the issue I'm having:</p>
  
  <pre><code>&lt;form&gt;
      &lt;fieldset&gt;
          &lt;legend&gt;Legend&lt;/legend&gt;
  
          &lt;div class="control-group"&gt;
              &lt;!-- This div results in the space appearing above the form --&gt;
              &lt;label class="control-label"&gt;First Name&lt;/label&gt;
              &lt;div class="controls"&gt;
                  &lt;input type="text" /&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/fieldset&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>If I remove the class="control-group" from the div wrapping the input field, the space magically disappears, despite seemingly having nothing to do with this issue.  I've checked all the margins and padding of everything in Chrome, and there's nothing, so I don't know where this spacing is coming from.  I need to use this class on these field divs, as I'm implementing a horizontal form.  I'm pulling my hair out trying to work out how to fix this issue - any ideas?  Here's a jsfiddle to demonstrate: <a href="http://jsfiddle.net/christhecoder/kDrVH/3/" rel="nofollow">http://jsfiddle.net/christhecoder/kDrVH/3/</a></p>
  
  <p>Any help would be much appreciated!</p>