twitter-bootstrap - 如何修复 IE7 中的 Twitter Bootstrap 按钮布局？

Question

我的表单中有 3 个按钮:

<form id="myform" class="form-horizontal" class="collapse in">
  <fieldset>
    <div>
      <div class="control-group">
        <label class="control-label" for="place-of-birth">Место рождения</label>
        <div class="controls">
          <input type="text" class="input-xlarge" id="place-of-birth" name="place-of-birth" minlength="2" maxlength="80" autocomplete="off">
        </div>
      </div>
   </div>    
    <div class="form-actions">
      <button type="button" class="btn" data-toggle="modal" data-target="#modal-demo-search">Демо поиска</button>
      <button type="button" class="btn" id="clear">Очистить форму</button>
      <button type="button" class="btn btn-inverse" id="search" name="search" data-loading-text="Поиск...">Поиск</button>
    </div>
  </fieldset>
</form>

Demo

在相同的屏幕尺寸下，在 IE7 中看起来很糟糕(2 行，无边距):

当在 Firefox 中正常时:

我该如何解决这个问题？

Answer 1

这有点帮助: http://www.claystreet.com/sites/claystreet/dev/bootstrap/iebutton-fix/

但没有修复方角。

HTH