Подскажите, как реализовать возможность зависимости thead от tbody. Я имею ввиду, если ширина колонки thead увеличивается, то и увеличивается ширина соответствующей колонки в tbody. При этом ширина всей таблицы 100%, а высота фиксированная и существует возможность скроллинга tbody?
jsfiddle.net/nyCKE/6746<table>
<thead>
<tr>
<td>Problem</td>
<td>Solution</td>
<td>Problem</td>
<td>Solution</td>
<td>Problem</td>
<td>Solution</td>
<td>Problem</td>
<td>Solution</td>
</tr>
</thead>
<tbody>
<tr><td>1</td><td>2</td><td>2</td><td>2</td><td>2</td><td>2</td><td>2</td><td>2</td></tr>
</tbody>
</table>
table {
background-color: #aaa;
width: 100%
}
tbody {
background-color: #ddd;
height: 100px;
overflow: auto;
}
td {
padding: 3px 10px;
border: 1px solid red;
}
thead > tr, tbody{
display:block;}
