Les cuento que yo soy nulo en CSS, mi fuerte es php y javascript, pero veo que programar bien tiene que estar acompañado de algo de "estilo"... así que indagué de cómo darle estilo a las tablas, que es lo que más me preocupa (me salen demasiado cuadradas por decir algo) y busqué un código para ponerle fondo a las celdas de una tabla.
Hice esto en mi hoja de estilos:
Código CSS:
Ver original
.celda_t1{ background-image: url(images/borde1.png); width: 100%; height: 100%; }
Y en mi tabla puse esto (con la hoja de estilo incluida previamente):
Código HTML:
Ver original
Pero se me ve esto:

¿Cómo lo hago para que la imagen que tengo se adapte al 100% del espacio de la celda y no se repita?