title: How to fix twitter bootstrap buttons layout in IE7?
body: <p>I have 3 button in my form:</p>
  
  <pre><code>&lt;form id="myform" class="form-horizontal" class="collapse in"&gt;
    &lt;fieldset&gt;
      &lt;div&gt;
        &lt;div class="control-group"&gt;
          &lt;label class="control-label" for="place-of-birth"&gt;Место рождения&lt;/label&gt;
          &lt;div class="controls"&gt;
            &lt;input type="text" class="input-xlarge" id="place-of-birth" name="place-of-birth" minlength="2" maxlength="80" autocomplete="off"&gt;
          &lt;/div&gt;
        &lt;/div&gt;
     &lt;/div&gt;    
      &lt;div class="form-actions"&gt;
        &lt;button type="button" class="btn" data-toggle="modal" data-target="#modal-demo-search"&gt;Демо поиска&lt;/button&gt;
        &lt;button type="button" class="btn" id="clear"&gt;Очистить форму&lt;/button&gt;
        &lt;button type="button" class="btn btn-inverse" id="search" name="search" data-loading-text="Поиск..."&gt;Поиск&lt;/button&gt;
      &lt;/div&gt;
    &lt;/fieldset&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><a href="http://jsbin.com/olilek/1" rel="nofollow noreferrer">Demo</a></p>
  
  <p>On the same screen size, it looks awful in IE7 (2 lines, no margins):
  <img src="https://i.stack.imgur.com/0N9gZ.png" alt="IE7"></p>
  
  <p>When it is OK in Firefox:
  <img src="https://i.stack.imgur.com/MFAvx.png" alt="Firefox"></p>
  
  <p>How should I fix it?</p>