Buenas, saben como podría estrechar las celdas de las tablas? Es que tengo esta web que estoy haciendo (el diseño se que es malo, lo quiero cambiar xD pero es el base)

http://coryu.sytes.net/ajm/

En el menú del medio, la imagen de la parte de arriba es mas pequeña y le he tenido que poner un no repetir por css  pero se me queda vació y quiero hacer esa celda justo lo pequeña que es la imagen.  Y también en la parte de abajo, aunque no se vea también pasa lo mismo y el problema es que el menú de noticias se aleja demasiado por eso.

Edit: Lo estoy medio solucionando, parece que la parte de arriba ya lo he hecho bien, pero la de abajo no... y esta igual...

El code por si acaso:

CSS:
.imagenmodulograndearriba {
width: 440px;
height: 10px;
background-image: url("../images/modulo_arriba_negro.gif");
background-repeat:no-repeat;
}
.imagenmodulograndecentro {
width: 440px;
background-image: url("../images/noticias_medio_negro.gif");
}
.imagenmodulograndeabajo {
width: 440px;
height: 10px;
background-image: url("../images/modulo_abajo_negro.gif");
background-repeat:no-repeat;
}
   
Html:
<table border="0" cellspacing="0" cellpadding="0" width="440">
<tr>
<td >&nbsp;</td>
</tr>
<tr>
<td class="imagenmodulograndearriba"></td>
</tr>
<tr>
<td class="imagenmodulograndecentro">&nbsp;</td>
</tr>
<tr>
<td class="imagenmodulograndeabajo">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
Vale ya esta solucionado x'D