Заголовок таблицы не выравнивая правильно

Так что я следующий код ...Заголовок таблицы не выравнивая правильно

<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/

Спасибо.

источник

2014-03-02 Michael Blake