怎样在浏览器非最大化下让文字不堆在一起啊

在浏览器最大化的情况下，文字是显示正常的．但是若不是最大化．文字就在一个单元格内堆在一起了．请教下大家有没有办法让它显示正常啊（不要堆在一起）
<table border="0" cellpadding="0" cellspacing="0" height="35" width="100%">
  <tr>
    <td width="15%">&nbsp;</td>
    <td align="center" valign="top" ><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td  height="30"><a href="/" target="_blank" class="ding">网站首页</a></td>
            <td ><a href="index.asp" class="ding">&nbsp;视频首页&nbsp;</a></td>

            <td><a href="index.asp?classid=32" class="ding">&nbsp;数码产品&nbsp;</a></td>
            
            <td><a href="index.asp?classid=33" class="ding">&nbsp;精美饰品&nbsp;</a></td>
            
            <td><a href="index.asp?classid=34" class="ding">&nbsp;珠宝首饰&nbsp;</a></td>
            
            <td><a href="index.asp?classid=35" class="ding">&nbsp;香水护肤&nbsp;</a></td>
            
            <td><a href="index.asp?classid=37" class="ding">&nbsp;电脑配件&nbsp;</a></td>
            
            <td><a href="index.asp?classid=38" class="ding">&nbsp;杂七杂八&nbsp;</a></td>
            
<td></td>
          </tr>
        </table></td>
    <td width="30%" align="center" valign="top">&nbsp;</td>
  </tr>
</table>