html上面的一个标题类的行，如何设置宽度？急，尝试了很多次都失败了！

如题，上图。那蓝色的宽直接用行高height="20"不行啊，设来设去，还是不变的，如果行高设置成100，就变宽了目测大概在50左右，我想让他变20-30如何更改啊。代码如下。哪里出错了呀？<table width="1213"   border="0" cellpadding="0" cellspacing="0">
    <tr>
<td height="19" align="center"  style="background-color:#336699;">&nbsp;</td>
      <td width="1000" height="19" align="center"  style="background-color:#336699;">
  <table width="1000"   border="0" cellpadding="0" cellspacing="0">
        <tr>
 <td width="1" bgcolor="#F6F6DA"></td>
          <td width="150" class="menu2 STYLE2" onclick="location.href='default1.asp?menu=1'"><div align="center">首页</div></td>
  <td width="1" bgcolor="#F6F6DA"></td>
          <td width="150" class="menu1" onclick="location.href='profile.asp?menu=2&classid=2'"><p align="center" class="STYLE2" >律所简介</p></td>
  <td width="1" height="20" bgcolor="#F6F6DA"></td>
          <td width="150" class="menu1" onclick="location.href='business.asp?menu=3'"><p align="center" class="STYLE2" >业务领域</p></td>
  <td width="1" bgcolor="#F6F6DA"><div align="center"><span class="STYLE2"></span></div></td>
          <td width="150" class="menu1" onclick="location.href='analyse.asp?menu=4'" onmouseover="hiddenMenu('menu4')" onmouseout="showMenu('menu4')"><p align="center" class="STYLE2" >案例分析</p></td>
  <td width="1" bgcolor="#F6F6DA"><div align="center"><span class="STYLE2"></span></div></td>
  <td width="150" class="menu1" onclick="location.href='new_rule.asp?menu=6'" onmouseover="hiddenMenu('menu6')" onmouseout="showMenu('menu6')"><p align="center" class="STYLE2" >新规速递</p></td>
  <td width="1" bgcolor="#F6F6DA"><div align="center"><span class="STYLE2"></span></div></td>
  <td width="150" class="menu1" onclick="location.href='contact.asp?menu=5'" onmouseover="hiddenMenu('menu5')" onmouseout="showMenu('menu5')" ><p align="center" class="STYLE2" >联系我们</p></td>
        </tr>
      </table>
  
     </td>
      <td  align="center"  style="background-color:#336699;">&nbsp;</td>
    </tr>
  </table>