如何让超出文本框长度的字符自动隐藏
<div>
自动隐藏超过长度的字段,鼠标移动上去显示完整的信息<br />
<table border="1">
<tr title="ID: 697443
Created: 2007-03-06 14:38:00 PM
Created By: jawance_du_gy
Modified: 2007-04-17 14:49:51 PM
Modified By: johnking_zhang_k" class="sgvDataRow" >
<td class="sgvDataCell" align="right" style="display: none;">
697443
</td>
<td class="sgvDataCell" align="right" style="display: none;">
11226
</td>
<td class="sgvDataCell">
CRD00001
</td>
<td class="sgvDataCell" >
<div STYLE="position: inherit ; color: black;
width: 200px; height: 50px; border: 1px solid blue;
font: 14px Times New Roman, serif; overflow: hidden;
text-overflow:ellipsis;" >
<NOBR> CHUAN QUAN RECHARD, kkk - rechard_wang_cq
</NOBR>
</div>
</td>
<td class="sgvDataCell" >
No Pay Leave
</td>
<td class="sgvDataCell">
2007-03-06
</td>
<td class="sgvDataCell">
Approved
</td>
<td class="sgvDataCell">
2007-03-06
</td>
<td class="sgvDataCell">
2007-03-07
</td>
<td class="sgvDataCell" align="right">
2.00
</td>
<td class="sgvDataCell" style="display: none;">
jawance_du_gy
</td>
<td class="sgvDataCell" style="display: none;">
2007-03-06
</td>
<td class="sgvDataCell" style="display: none;">
johnking_zhang_k
</td>
<td class="sgvDataCell" style="display: none;">
2007-04-17
</td>
</tr>
</table>
</div>