Html 换行：在td中用div分隔单词

我正在尝试使用CSS word wrap属性和break word值。 我想在td中使用它，显然需要使用额外的div标签才能工作。好的

我试图构建一个简化的用例：

HTML:

<table class="sectors">
  <tr>
    <td><div>HURTEAUX / Jean-Baptiste mr)</div></td>
    <td><div>CHEUNJGgdfgdfvfsefsdfsdfsdfsdvvvHJG / Samuel mr</div></td>
    <td><div>CHEUNG / Samuel mr)</div></td>
  </tr>
</table>

问题 Firefox、Chrome和Safari的表现符合预期（至少符合我的预期）

但是IE（IE6、IE7、IE8）有一个奇怪的行为：文本被正确地包装在div（红色边框）中，但td（黑色边框）似乎在无缘无故地分配额外的空间

---

任何解决方法或解释？

向div添加overflow:hidden应该可以解决这个问题。不过我不能解释，对不起

.sectors td {
  border: 1px solid #000;
}

.sectors td div {
  width: 150px;
  word-wrap: break-word;
  border: 1px solid red;
}