看电商开发，第4-11课时的视频碰到的问题，jquery ui的title问题，标题老是短一截

Question

<div id="showDetail<?php echo 12;?>" style="display: none;">
		<table class="table" cellspacing="0" cellpadding="0">
			<tr>
				<td width="20%" align="right">商品名称</td>
				<td>11</td>
			</tr>
			<tr>
				<td width="20%" align="right">商品类别</td>
				<td>22</td>
			</tr>
			<tr>
				<td width="20%" align="right">商品货号</td>
				<td>33</td>
			</tr>
			<tr>
				<td width="20%" align="right">商品数量</td>
				<td>44</td>
			</tr>
			<tr>
				<td width="20%" align="right">商品价格</td>
				<td>55</td>
			</tr>
			<tr>
				<td width="20%" align="right">幕课网价格</td>
				<td>66</td>
			</tr>
			<tr>
				<td width="20%" align="right">商品图片</td>
				<td></td>
			</tr>
		</table>
		<span style="display: block; width: 80%;"> 商品描述<br /> 77
		</span>
	</div>

这样子为什么标题会出现短一截的现象？