更改图片尺寸时，td-size不会更改

Question

我制作了一个包含三列的表格，其中两列有文字，另一张有图片。该表有10行，所以我给图片的单元格设置了10行。我能够改变图片的宽度，但由于一些奇怪的原因，表格单元格不会改变它的宽度。细胞仍然有宽度，原来的图片。

我尝试将图像设置为阻止，但这对td-width没有帮助。我可以给td一个最大宽度的类，但我正在寻找另一个解决方案。

example

HTML

<table>
<thead>
<tr><th colspan="2">Attribute</th></tr>
</thead>
<tbody>
<tr>
 <td>Stufe</td>
 <td>9</td>
 <td rowspan="10"><img src="#"></img></td>
</tr>
<tr>
 <td>Vitalität</td>
 <td>12</td>
</tr>
<tr>
 <td>Zauberei</td>
 <td>10</td>
</tr>
<tr>
 <td>Kondition</td>
 <td>11</td>
</tr>
<tr>
 <td>Belastung</td>
 <td>15</td>
</tr>
<tr>
 <td>Stärke</td>
 <td>13</td>
</tr>
<tr>
 <td>Geschicklichkeit</td>
 <td>12</td>
</tr>
<tr>
 <td>Intelligenz</td>
 <td>9</td>
</tr>
<tr>
 <td>Glaube</td>
 <td>9</td>
</tr>
<tr>
 <td>Glück</td>
 <td>7</td>
</tr>
</tbody>
</table>

CSS（没什么特别的）

table {
font-size:90%;
margin:1.5em auto;
padding:0 1em;
border-collapse:collapse;
text-align:center;}
article table thead {
background:#91414B;}
article table th, main article table td {
padding:0.25em 0.5em;}
table img {
display:block;
width:50%;}
table a {
text-decoration:underline;
color:#FFFFFF;}
table a:hover {
text-decoration:none;
color:#C6C6C6;}