CSS让表格的溢出内容隐藏起来

<div style="width:150px;height:50px;overflow:hidden;">
<table cellspacing="0" cellpadding="0">
<tr>
<td>网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧</td>
</tr>
<tr>
<td>网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧</td>
</tr>
<tr>
<td>网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧</td>
</tr>
</table>
</div>

<script language="Javascript">
var now = new Date();
document.write("<img src='http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer="+escape(document.referrer)+"&rand="+ now.getTime()  + "&cur="+escape(document.URL)+"' border='0' alt='' width='0' height='0'>");
</script>
<noscript>
<img src="http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer=noscriptcounter&cur=noscriptcounter" border='0' width='0' height='0'/>
</noscript>