如何在表格旁邊正確放置滾動條？

Question

我的問題很簡單。在這個jsfiddle中：http://jsfiddle.net/nyCKE/2/我有一個atable，它包含一個滾動條，並且該表使用固定標題滾動。但是我的問題是我不希望滾動條顯示在最後一列的下面，我希望它顯示在最後一列旁邊，這樣它就不佔用最後一列表格旁邊的一些空格。但是，爲了能夠做到這一點，我需要更改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%; 

} 

這需要雖然

測試