html - width+borders の合計 != ブラウザが 100% サイズでない場合の row2 の幅

Question

行は 100% で整列しますが、ズームするとオフになります (これを正しく行うのは IE だけです...図を参照)

問題の再現 @ http://jsfiddle.net/rAQnE/

<div class="col1">one</div><div class="col2">two</div><div class="col2">three</div>
<div class="BoxUnder">under</div>

CSS

.col1, .col2{
    display: inline-block;    
    border: 1px solid #a2a2a2;
    background: #ebebeb;
}
.col1 {
    width: 44px;
}
.col2{
    width: 60px;
}
.BoxUnder { 
    width: 168px;
    border: 1px solid #a2a2a2;
    background: #e5e5e5;
}

わずか +/-1 ピクセルのずれであるために、私はこれにあまりにも多くの時間を費やしました。誰かがこれを解決しましたか？