很简单的问题！怎么把“团结”和“进取”，“友谊”等字放在一个框架下？我的代码出了点小问题！速求各位帮忙！！！！！

<html>
<meta http-equiv=content-type content="text/html;charset=gb2312">
<head>
<style type=text/css>
a:link{font-size:9pt;text-decoration:none}
a:visited{font-size:9pt;text-decoration:none}
a:active{font-size:9pt;text-decoration:none}
a:hover{color=red;text-decoration:none}
body{font-size:9pt;line-height:14pt}
table{font-size:9pt;line-height:14pt}
tr{font-size:9pt}
td{font-size:9pt}
.e{font-size:16pt;font-family:"MS Sans Serif";text-decoration:none}
</style></head>
<body leftMargin=0 bgcolor=#D9D9F3 topMargin=0 text="#000000">
<div align=center><center>
<table cellspacing=0 cellpadding=0 width=720 border=0>
<tr><td width="100%"><div align=center><center>
<table cellpadding=0 width=760 border=0>
<tr><td width="27%"><p align=center>
<img border="0" src="bt.gif" width="200" height="60"></p></td>
<td width="73%"></td></tr></table></center></div></td></table><div>
<div align=center><center>
<table cellpadding=2 width=743 border=0 name="nav“>
<tr><td style="border-right: 1px ridge; border-top: 1px ridge; boeder-left: 1px ridge;
border-bottom:1px ridge"align=middle width=103 bocolor=#a7d6ba>团结</td>
<td style="border-right: 1px ridge; border-top: 1px ridge; boeder-left: 1px ridge;
border-bottom:1px ridge"align=middle width=103 bocolor=#a7d6ba>进取</td>
<td style="border-right: 1px ridge; border-top: 1px ridge; boeder-left: 1px ridge;
border-bottom:1px ridge"align=middle width=103 bocolor=#a7d6ba>友谊</td>
<td style="border-right: 1px ridge; border-top: 1px ridge; boeder-left: 1px ridge;
border-bottom:1px ridge"align=middle width=103 bocolor=#a7d6ba>开朗</td>
<td style="border-right: 1px ridge; border-top: 1px ridge; boeder-left: 1px ridge;
border-bottom:1px ridge"align=middle width=103 bocolor=#a7d6ba>奋斗</td>
<td style="border-right: 1px ridge; border-top: 1px ridge; boeder-left: 1px ridge;
border-bottom:1px ridge"align=middle width=103 bocolor=#a7d6ba>成功</td>
<td style="border-right: 1px ridge; border-top: 1px ridge; boeder-left: 1px ridge;
border-bottom:1px ridge"align=middle width=103 bocolor=#a7d6ba>主页</td>
</tr></table></center></div>
<div align=center><center>
<table cellspacing=0 cellpadding=0 width=720 border=0>
<tr><td width=718 bgcolor=#fff colspan=2><hr color=#abd1ef size=5></td></tr>
<tr><td width=105 bocolor=#fff rowspan=3>
<img border="0" src="ct.jpg" width="105" height="360"></td>
<td width=613><p align=center>
<font color=#000><span class=e>◆</span></font>
<font color=#0800 size="3">精彩人生</font>
<font color=#000><span class=e>◆</span></font></p></td></tr>
<tr><td width=613><div align=center><center>
<table cellspacing=0 cellpadding=0 width="85%" border=0>
<tr><td width="100%">
<table bordercolor=#fff cellpadding=2 width="100%" border=1>
<tr><td bordercolor=#70b8e2 width="100%" colspan=2>
<img border="0" src="st.jpg" width="510" height="32"></td></tr>
<tr><td bordercolor=#70b8e2 width="23%">学生时代</td>
<td bordercolor=#70b8e2 width="77%">连续三年当选学生班干部并多次被评为三好学生</td></tr>
<tr><td bordercolor=#70b8e2 width="23%">工作历程</td>
<td bordercolor=#70b8e2 width="77%">工作第一年获先进个人称号</td></tr>
<tr><td bordercolor=#70b8e2 width="23%">工作历程</td>
<td bordercolor=#70b8e2 width="77%">第二年获优秀</td></tr>
<tr><td bordercolor=#70b8e2 width="23%">工作历程</td>
<td bordercolor=#70b8e2 width="77%">第三年提前晋级</td></tr>
<tr><td bordercolor=#70b8e2 width="23%">工作历程</td>
<td bordercolor=#70b8e2 width="77%">第四年获先进个人称号</td></tr>
<tr><td bordercolor=#70b8e2 width="23%">工作历程</td>
<td bordercolor=#70b8e2 width="77%">第五年获先进个人称号</td></tr>
</table></td></tr></table></center></div></td></tr></table></center></div>
</tr></div></center></div>
</body>
</html>