インラインブロック要素のIE10とクロム計算高さの差

Question

ボタン要素内のテキストを切り捨てるために少し変更されたブートストラップドロップダウンがありますが、ボタン要素の高さの計算方法に違いがあるようです。

This fiddle demonstrates what I did initiallyキーは、ボタン内のスパン要素を制御するCSSのようです。

フロートとのスパンにインラインブロックスタイルの交換：

button.btn span { 
    min-width:91px; 
    max-width:91px; 
    overflow:hidden; 
    white-space:nowrap; 
    -ms-text-overflow: ellipsis; 
    -o-text-overflow: ellipsis; 
    text-overflow: ellipsis; 
    display:inline-block; 
} 

下のボタン要素の高さのために、ブラウザのIEのメトリックとクロムがあるas demonstrated in this fiddleを残しました両方のブラウザで高さと動作を修正するように見えます。インラインブロックとどのそれを正しくやっているを使用しているときChromeとIE間の素子の高さの差を引き起こしている何

button.btn span { 
    min-width:91px; 
    max-width:91px; 
    overflow:hidden; 
    white-space:nowrap; 
    -ms-text-overflow: ellipsis; 
    -o-text-overflow: ellipsis; 
    text-overflow: ellipsis; 
    float: left; 
} 

？

アップデート：FirefoxはIEと同じように動作しているようです。

Answer 1

私はあなたがこのURLであなたの答えを見つけることだと思う：

http://blog.mozilla.org/webdev/2009/02/20/cross-browser-inline-block/

注：あなたはdisplay:table-cellしようとしたのですか？