Twitter bootstrap 右边框上的Bootstrap 3按钮在firefox上显示不好

我的按钮在Firefox版本25上显示不好，但在chrome和IE9上显示得很好。我做错了什么

<div class="container">            
<h3>Audit Trail</h3>  
<br/><h5  class="text-primary">Filter Results: </h5>
<div class="input-group input-group-sm">
<span class="input-group-addon">Start Date</span>
<input type="text" class="form-control" id="datepickerFrom" readonly="true" value='' >
<span class="input-group-addon">End Date</span>
<input type="text" class="form-control" id="datepickerTo" readonly="true" value=''>
<span class="input-group-addon">User:</span>
<input type="text" class="form-control" id="user"  >
<span class="input-group-btn">
<button id="filter" class="btn btn-xs btn-primary btn-block">Filter</button>
</span>
</div>

审计跟踪

筛选结果：
开始日期
结束日期
用户：
滤器

---

问题来自于类输入组按钮和bootstrap.min.css中的值宽度：1%。您可以随意删除它或添加一个类来覆盖它，但是我在JSFIDLE中注意到这会改变整个输入组的宽度。例如，Chrome/Firefox for OSX没有问题。此外，如果您删除“btn块”类，该按钮在Firefox中似乎也会自行修复。非常感谢您，先生。：）另外一个问题是，输入文本在IE9上表现不好（当你点击输入文本时，行长度会改变）。有什么建议吗？再次感谢您访问我目前所在的IE9（我的Windows映像只有IE8，无法正确呈现JSFIDLE:/），但我会看看是否可以得到任何东西；如果不是，你总是可以提出一个新问题。