ChromeはCSSテーブルの仕様に準拠していますか？

Question

ちょっと、私はいくつかのCSSでサーバー生成テーブルをスタイリングしていました（私はTelerickコントロールが過大評価されていることを証明しようとしていますが、それは別の議論です）。

どのようにしても、テーブルはIE8とFirefoxで素晴らしいと思っていて、私が期待していたとおりに正確にスタイルされています。しかし、この表はクロムのように見えます。私が間違ってはいけない、Chromeはすばらしいブラウザです。しかし、それは特定の側面で欠けている可能性があります。

基本的に私に尋ねるのは、ChromeはCSSとテーブルに問題があるのですか、CSSで（IEとFFは正しく私の頑強さを予期していましたが）ちょうど吸うのですか？

UPDATE：問題は、テーブル（幅：100％に設定されている）が、すべてのものをかなり縁取っている親コンテナをオーバーランしていることです。さらに、ページャの行の最下部にはborder topプロパティが "dotted"に設定されていますが、列の1つにはソリッドです！

/*-------------Grid------------*/ 
table.grid 
{ 
    width: 100%; 
} 

.grid tr th 
{ 
    background-color: #696969; 
    background-image: url('/Images/grid-bg.png'); 
    color: White; 
    height: 20px; 
    padding: 3px; 
    text-align: left; 
} 

.grid td, .grid th 
{ 
    border-right: 1px solid white; 
} 

.grid th a:hover, .grid th a:link 
{ 
    color: White; 
    text-decoration: none; 
    display:inline-block; 
    width: 100%; 
    height: 100%; 
} 

.grid th a:hover 
{ 
    background-color: #696969; 
} 

.grid tr.even 
{ 
    background-color: #EBF2FC; 
} 

div.grid 
{ 
    border: 1px solid #5D7FA6; 
    padding: 1px 0px 1px 1px; 
} 

.pager 
{ 
    border-top: 1px dotted #5D7FA6; 
} 

.data-row 
{ 
    height: 24px; 
} 

.grid tr.data-row:hover 
{ 
    color:White; 
    background-color: #5D7FA6; 
} 

Answer 1

それはtest caseを見なく変更することが正確に何を伝えることは困難です。

しかし、試してみてください。box-sizing: border-box。参照：https://developer.mozilla.org/en/CSS/box-sizing

は何かにこれを追加（？table.griddiv.grid？）：

-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
box-sizing: border-box;