Css IE8间距问题

我有一个按钮样式，ie8增加了额外的空间，我认为它与最小高度有关，但不知道我们的是什么，我尝试了溢出隐藏和最小高度破解，但没有任何改变

js小提琴链接-

下面是代码，感谢格式化它的人：

.按钮{ 浮动：左； 宽度：自动； 最小宽度：80px； 最小高度：40px； 保证金：0； 填充：10px0； 字体大小：14px； 线高：20px； 文本对齐：居中； 颜色：E4E6； 背景色：d04c21； 背景位置：中心； 背景重复：无重复； 左边框：1px实心RGBA255255,0.2； -webkit框大小：边框框； -moz框大小：边框框； 框大小：边框框； -webkit转换：所有.2都可以轻松完成； -moz转换：所有.2秒都放松； -o-过渡：所有.2秒缓解； 过渡：所有。2放松； } .开关.按钮组.按钮{ 最小高度：30px； 填充物：5px10px； 颜色：393c3e； 背景色：b1b2b3； -webkit转换：所有.2都可以轻松完成； -moz转换：所有.2秒都放松； -o-过渡：所有.2秒缓解； 过渡：所有。2放松； } -webkit框大小：边框框； -moz框大小：边框框； 框大小：边框框；ie8部分支持盒子大小。最小宽度：80px；将解释为：

请尝试以下代码：

我改变了：

.switch .button-group{padding: 0 0 0 5px; }

.button {height: 100%;}

---

请更好地格式化您的代码，并在或上创建一个演示。@JonathanSampson我在上面添加了一个jsFiddle链接。