IE 9 中框大小调整 border-box 和 min-width 的问题

我正在使用盒子大小：边框框模型。当内联块元素与一个最小宽度包含在一个内联块元素（容器），容器在 Internet Explorer 9 中太宽。在 FF 10.0、Chrome 17.0、Opera 11.5 和 Safari 5.1.2 中按预期工作。

看看这个jsfiddle http://jsfiddle.net/hakan/5Ng7k/

顺便一提，width代替最小宽度奇迹般有效。

有任何想法吗？

您好，当谷歌搜索 IE 8 的类似问题时，您看到了您的帖子，尽管 IE 8 支持框大小调整和最小高度/宽度，但从我的测试来看，在 IE 8 上使用最小高度/宽度时，似乎 IE 8 会忽略边框框。相同的元素

E.g.

#box {
   min-height: 20px;
   padding:4px;
   box-sizing:border-box;
}

IE 8 高度= 28 像素，镀铬20高度= 20 像素；

使用CSS浏览器选择器的解决方案http://rafael.adm.br/css_browser_selector/ http://rafael.adm.br/css_browser_selector/

#box {
       min-height: 20px;
       padding:4px;
       box-sizing:border-box;
  }

 .ie8 #box, .ie9 #box {
       min-height: 12px;
       padding:4px;

 }