フォームに 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>
同じ画面サイズで、IE7 ではひどく見えます (2 行、余白なし):
Firefox で OK の場合:
どうすれば直せますか?