html - テーブルの横にスクロールバーを正しく配置するには?

Question

私の質問は簡単です。この jsfiddle では: http://jsfiddle.net/nyCKE/2/スクロールバーを含むテーブルがあり、テーブルは固定ヘッダーでスクロールします。しかし、私の質問は、スクロールバーを最後の列の下にそのまま表示したくないということです。最後の列の隣に表示して、最後のテーブル列の隣にスペースをとらないようにしたいのです。しかし、これを行うには css/html を何を変更する必要がありますか?

以下は HTML です。

<table>
    <thead>
        <tr>
            <td>Problem</td>
            <td>Solution</td>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>

以下はCSSです：

table {
    background-color: #aaa;
}
tbody {
    background-color: #ddd;
    height: 100px;
    overflow: auto;
}
td {
    padding: 3px 10px;
}

thead > tr, tbody{
    display:block;}

Answer 1

tbody{
    width: 110%; 

}

これはテストする必要がありますが