表头未正确对齐

Question

所以我有以下代码......

<table width='100%' id='table'>
   <tbody>
      <tr>
         <th colspan="3" id="title">
            <p>aaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
         </th>
      </tr>
      <tr>
         <td style="width:120px;">
             <img src="http://tippvet.com/wp-content/uploads/2013/05/cat-vet.jpg" width="120px" height="120px" />
         </td>
         <td id="info">
             <a href="/" id="name">aaaaaaa</a><br><a href="#">eeeeee</a><br><a href="#">aaaaa</a>
        </td>
         <td id="count">bbbbbb<br>
            cccccc
         </td>
      </tr>
      <tr>
         <td colspan="3">ddddddd</td>
      </tr>
   </tbody>
</table>

我希望#title在下面的三个单元格中居中。由于某种原因，它没有正确对齐。我已经通过这样做来对齐：http://jsfiddle.net/zx82D/2/ 但是文字与我想要的不同。这是我的原始代码未正确对齐，但具有适合p的样式：http://jsfiddle.net/zx82D/3/

Answer 1

从width: 85%;

中删除#title p

Answer 2

从p

中删除宽度

JSFIDDLE