marco con esquinas redondeadas

holas.
por favor una ayuda.
Intento crear un cuadro con las esquinas redondeadas.
Pero se ve asi:
http://www.serviciotecnicocolombia.com/basura/prueba.html
aqui estan las imagenes que estoy usando.
[contenido no disponible]
[contenido no disponible]
[contenido no disponible]
http://www.serviciotecnicocolombia.com/basura

Aqui esta el codigo que estoy usando:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
</head>
<body>
<table summary=""  border="0" cellspacing="0" >


<tr  >
<td>[img]sup_izq.GIF[/img]</td>
<td bgcolor="#ff0000"  height="10"></td>
<td>[img]sup_der.GIF[/img]</td>
</tr>

<tr bgcolor="#ff0000">
<td   height="100"></td><td>lineas blancas ?</td><td></td>
</tr>

<tr>
<td>[img]inf_izq.GIF[/img]</td>
<td bgcolor="#ff0000" height="10"></td>
<td>[img]inf_der.GIF[/img]</td>
</tr>

</table>
</body>
</html>
No he logrado quitarle esas lineas blancas.
Claro si son diferentes imagenes te lo va a separar por que no haces una imagen redondeada por vos?
creo que es porque los navegadores añaden un margen o padding por defecto, prueba indicando con css que tenga 0px de margin y padding...
Espero haberte sido de ayuda
Saludos