Table leaving a space either side of image why ?

[madspof]

Hello everyone I am having a problem in which i have a table with image and text in on a website and to fit all the content on the page i need the table to be smaller but for some reason it will not and leaves a white space about and below the image in the table. Is there any way of getting rid of this?

here is the live page www.deskfun.co.nr/1123 hooton park website/4-1.php

and here is the code im using :

<td height="50"><div align="center">
              <table width="87%" border="1" align="center" cellpadding="0">
                <tr>
                  <td width="29%"><p align="center">Badge</p></td>
                  <td width="24%"><p align="center">Rank</p></td>
                  <td width="23%"><p align="center">Abbreviation </p></td>
                  <td width="24%"><p align="center">Notes</p></td>
                </tr>
                <tr>
                  <td height="30"><p align="center"><img width="78" height="54" src="4-3_clip_image001.gif" /></p></td>
                  <td height="30"><p align="center">Pilot Officer</p></td>
                  <td height="30"><p align="center">Plt Off</p></td>
                  <td rowspan="3"><p align="center">Junior Officer    Ranks</p></td>
                </tr>
                <tr>
                  <td height="30"><p align="center"><img src="4-3_clip_image002.gif" width="78" height="54" border="0" usemap="#Map" /></p></td>
                  <td height="30"><p align="center">Flying Officer</p></td>
                  <td height="30"><p align="center">Fg Off</p></td>
                </tr>
                <tr>
                  <td height="30"><p align="center"><img width="78" height="54" src="4-3_clip_image003.gif" /></p></td>
                  <td height="30"><p align="center">Flight Lieutenant </p></td>
                  <td height="30"><p align="center">Flt Lt </p></td>
                </tr>
                <tr>
                  <td height="30"><p align="center"><img width="78" height="54" src="4-3_clip_image004.gif" /></p></td>
                  <td height="30"><p align="center">Squadron Leader</p></td>
                  <td height="30"><p align="center">Sqn Ldr</p></td>
                  <td rowspan="2"><p align="center">Senior Officer    Ranks</p></td>
                </tr>
                <tr>
                  <td height="30"><p align="center"><img width="78" height="54" src="4-3_clip_image005.gif" /></p></td>
                  <td height="30"><p align="center">Wing Commander</p></td>
                  <td height="30"><p align="center">Wg Cdr</p></td>
                </tr>
              </table>
            </div>

[timmah1]

Anytime you use

<p align="center"><img width="78" height="54" src="http://deskfun.mine.nu/1123 hooton park website/4-3_clip_image003.gif" /></p>

 

Your going to have a space above and below.

 

To avoid that, but still keep it centered, use

<td align="center"><img width="78" height="54" src="http://deskfun.mine.nu/1123 hooton park website/4-3_clip_image003.gif" /></td>