表格單元格未在Firefox中對齊，IE

Question

我試圖創建第一列已修復的表格。我以某種方式做到了這一點，但是我無法在所有瀏覽器中獲得相同的結果。結果僅在Chrome上正確。這是我收到的Firefox/IE 8的結果：

並在Chrome：

這裏是我的HTML代碼：

<div id="riassuntoOreTecnico"> 

<table id="riassuntoOreTecnicoTable" > 
    <tr> 
     <th>Technician Name</th> 
     <td style="padding-left:165px"></td> 
     <td>Table Cell</td> 
     <td>Table Cell</td> 
     <td>Table Cell</td> 
    </tr> 
    <tr> 
     <th>Table Cell</th> 
     <td style="padding-left:165px"></td> 
     <td>Table Cell</td> 
     <td>Table Cell</td> 
     <td>Table Cell</td> 
     <td>Table Cell</td> 
     <td>Table Cell</td> 
     <td>Table Cell</td> 
     <td>Table Cell</td> 
     <td>Table Cell</td> 
     <td>Table Cell</td> 
     <td>Table Cell</td> 
     <td>Table Cell</td> 
     <td>Table Cell</td> 
     <td>Table Cell</td> 
     <td>Table Cell</td> 
     <td>Table Cell</td> 
     <td>Table Cell</td> 
     <td>Table Cell</td> 
     <td>Table Cell</td> 
     <td>Table Cell</td> 
     <td>Table Cell</td> 
     <td>Table Cell</td> 
     <td>Table Cell</td> 
     <td>Table Cell</td> 

     <td>Table Cell</td> 
    </tr> 
</table> 

</div> 

和CSS：

#riassuntoOreTecnico { 
    width: 94%; 
    float: left; 
    margin: 30px 35px; 
    overflow-x: scroll; 
    overflow-y: visible; 
} 

#riassuntoOreTecnicoTable { 
/* border-collapse: separate;*/ 
    border: 1px solid #ddd; 
    float: left; 
} 

#riassuntoOreTecnicoTable th { 
    background: #d5d5d5; 
    font-weight: bold; 
    padding: 5px 8px; 
    position: absolute; 
    top:auto; 
    width:158px; 
} 

#riassuntoOreTecnicoTable td { 
    border: 1px solid #d5d5d5; 
    padding: 5px 8px; 
} 

任何人都可以提出這裏有什麼錯我的代碼，所以我可以得到同樣的結果在Firefox/IE8以及？

Answer 1

我已將white-space:normal添加到表格CSS中，併爲我修復了它。

下面是更新後的代碼：

#riassuntoOreTecnicoTable { 
/* border-collapse: separate;*/ 
    border: 1px solid #ddd; 
    float: left; 
    white-space:normal 
} 

謝謝大家。